Hi list, Is it possible to create a "dashboard" type application, like Netvibes.com, w/ script.aculo.us? _______________________________________________ Rails-spinoffs mailing list Rails-spinoffs-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs
> Is it possible to create a "dashboard" type application, like > Netvibes.com, w/ script.aculo.us?If you look in the source for the Netvibes page you''ll see they make extensive use of prototype.js Scriptaculous is exactly the library you''d want to use to build something like Netvibes. - Danger _______________________________________________ Rails-spinoffs mailing list Rails-spinoffs-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs
I've been tasked with creating an "at-a-glance" report, ie dashboard, with 'widgets' for top-n recent orders, current users, most recent order, etc. How can I get scriptaculous's Sortables to behave similarly? Or should I be looking into using the Draggables & Droppables directly? On 2/13/06, Danger Stevens <scriptaculous@studiodanger.com> wrote:> > > > Is it possible to create a "dashboard" type application, like > > Netvibes.com, w/ script.aculo.us? > > If you look in the source for the Netvibes page you'll see they make > extensive use of prototype.js > Scriptaculous is exactly the library you'd want to use to build something > like Netvibes. > > - Danger > > _______________________________________________ > Rails-spinoffs mailing list > Rails-spinoffs@lists.rubyonrails.org > http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs > > >_______________________________________________ Rails-spinoffs mailing list Rails-spinoffs-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs
Ed, I''d go with the sortables, and create maybe 3 different lists (or sets of divs, whatever). You can use the sortable options to allow them to be dragged/dropped between lists. Check out the tests and you''ll find its pretty much cut-n-paste to get at least the basic functionality, if not the AJAXing behind the scenes for loading the content. -Jerod On 2/13/06, Ed C. <defeated2k4-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:> > I''ve been tasked with creating an "at-a-glance" report, ie dashboard, > with ''widgets'' for top-n recent orders, current users, most recent > order, etc. > > How can I get scriptaculous''s Sortables to behave similarly? Or should > I be looking into using the Draggables & Droppables directly? > > On 2/13/06, Danger Stevens <scriptaculous-lStfaJuyqK+JRkHgdjSK1w@public.gmane.org> wrote: > > > > > > > Is it possible to create a "dashboard" type application, like > > > Netvibes.com, w/ script.aculo.us? > > > > If you look in the source for the Netvibes page you''ll see they make > > extensive use of prototype.js > > Scriptaculous is exactly the library you''d want to use to build > something > > like Netvibes. > > > > - Danger > > > > _______________________________________________ > > Rails-spinoffs mailing list > > Rails-spinoffs-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org > > http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs > > > > > > > > _______________________________________________ > Rails-spinoffs mailing list > Rails-spinoffs-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org > http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs > > >_______________________________________________ Rails-spinoffs mailing list Rails-spinoffs-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs
On 13-Feb-06, at 3:56 PM, Ed C. wrote:> Is it possible to create a "dashboard" type application, like > Netvibes.com, w/ script.aculo.us?Yes. Its possibly, and is pretty easy to implement. Have a look at the sortable lists. http://wiki.script.aculo.us/scriptaculous/show/SortableListsDemo In the above example there are only two lists, in this case you need to create 3 of them Best Regards, Warren Noronha. GNU (http://www.gnu.org.in)
Ah, before I was using Sortable w/ floated divs -- I hadn't tried multiple list containers + dropOnEmpty. Thanks! On 2/13/06, Jerod Venema <jvenema@gmail.com> wrote:> Ed, > > I'd go with the sortables, and create maybe 3 different lists (or sets of > divs, whatever). You can use the sortable options to allow them to be > dragged/dropped between lists. Check out the tests and you'll find its > pretty much cut-n-paste to get at least the basic functionality, if not the > AJAXing behind the scenes for loading the content. > > -Jerod > > > On 2/13/06, Ed C. <defeated2k4@gmail.com> wrote: > > I've been tasked with creating an "at-a-glance" report, ie dashboard, > > with 'widgets' for top-n recent orders, current users, most recent > > order, etc. > > > > How can I get scriptaculous's Sortables to behave similarly? Or should > > I be looking into using the Draggables & Droppables directly? > > > > On 2/13/06, Danger Stevens <scriptaculous@studiodanger.com> wrote: > > > > > > > > > > Is it possible to create a "dashboard" type application, like > > > > Netvibes.com, w/ script.aculo.us? > > > > > > If you look in the source for the Netvibes page you'll see they make > > > extensive use of prototype.js > > > Scriptaculous is exactly the library you'd want to use to build > something > > > like Netvibes. > > > > > > - Danger > > > > > > _______________________________________________ > > > Rails-spinoffs mailing list > > > Rails-spinoffs@lists.rubyonrails.org > > > > http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs > > > > > > > > > > > > > _______________________________________________ > > Rails-spinoffs mailing list > > Rails-spinoffs@lists.rubyonrails.org > > > http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs > > > > > > > > > _______________________________________________ > Rails-spinoffs mailing list > Rails-spinoffs@lists.rubyonrails.org > http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs > > >_______________________________________________ Rails-spinoffs mailing list Rails-spinoffs-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs
hey, In fact, I created something like (actually, a dashboard too) this but way simpler and not that sophisticated. But: What I didn''t figure out was how I can make the others move while still dragging and how I got this nice little red border around while I was dragging it. Mmh, maybe I should play around a bit more with it :-) I would be happy, Ed, if you have already figured out those issues. greetings, benni. -SDG- Ed C. wrote:> Hi list, > > Is it possible to create a "dashboard" type application, like > Netvibes.com, w/ script.aculo.us? > > > ------------------------------------------------------------------------ > > _______________________________________________ > Rails-spinoffs mailing list > Rails-spinoffs-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org > http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs
If you set ghosting: false, the other items will move while around the
selected item you're dragging.
I haven't been able to implement a drop-space-indicator ("red
border") yet
instead, I've opted for using ghosting and a "fancy" image to
leverage
Sortable's built-in "dropmarker" effect.
(This gives the user a nice visual indication of where their 'widget'
will be dropped, but IMHO not as nice as the
red-border-drop-space-indicator.)
On 2/15/06, Benjamin Mack <bmack@kirix.com> wrote:> hey,
>
> In fact, I created something like (actually, a dashboard too) this but
> way simpler and not that sophisticated. But: What I didn't figure out
> was how I can make the others move while still dragging and how I got
> this nice little red border around while I was dragging it. Mmh, maybe I
> should play around a bit more with it :-)
> I would be happy, Ed, if you have already figured out those issues.
>
> greetings,
> benni.
> -SDG-
>
>
> Ed C. wrote:
> > Hi list,
> >
> > Is it possible to create a "dashboard" type application,
like
> > Netvibes.com, w/ script.aculo.us?
> >
> >
> >
------------------------------------------------------------------------
> >
> > _______________________________________________
> > Rails-spinoffs mailing list
> > Rails-spinoffs@lists.rubyonrails.org
> > http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs
> _______________________________________________
> Rails-spinoffs mailing list
> Rails-spinoffs@lists.rubyonrails.org
> http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs
>
_______________________________________________
Rails-spinoffs mailing list
Rails-spinoffs-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org
http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs
Hi,
I managed to get a redborder style to be applied by adding this to my js :
Sortable.onEmptyHover = function(element, dropon) {
var d = Sortable.options(dropon);
if(element.parentNode!=dropon) {
var oldParentNode = element.parentNode;
dropon.appendChild(element);
Sortable.options(oldParentNode).onChange(element);
d.onChange(element);
}
Droppables.activate(d);
}
and by adding hoverclass:''dragover'' to Sortable option
my css class look like this : .dragover {border:1px solid red;}
Regards,
Nicolas
On 2/16/06, Ed C. <defeated2k4-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org>
wrote:>
> If you set ghosting: false, the other items will move while around the
> selected item you''re dragging.
>
> I haven''t been able to implement a drop-space-indicator ("red
border") yet
>
> instead, I''ve opted for using ghosting and a "fancy"
image to leverage
> Sortable''s built-in "dropmarker" effect.
>
> (This gives the user a nice visual indication of where their
''widget''
> will be dropped, but IMHO not as nice as the
> red-border-drop-space-indicator.)
>
> On 2/15/06, Benjamin Mack
<bmack-mZxRKsT3+loAvxtiuMwx3w@public.gmane.org> wrote:
> > hey,
> >
> > In fact, I created something like (actually, a dashboard too) this but
> > way simpler and not that sophisticated. But: What I didn''t
figure out
> > was how I can make the others move while still dragging and how I got
> > this nice little red border around while I was dragging it. Mmh, maybe
I
> > should play around a bit more with it :-)
> > I would be happy, Ed, if you have already figured out those issues.
> >
> > greetings,
> > benni.
> > -SDG-
> >
> >
> > Ed C. wrote:
> > > Hi list,
> > >
> > > Is it possible to create a "dashboard" type
application, like
> > > Netvibes.com, w/ script.aculo.us?
> > >
> > >
> > >
> ------------------------------------------------------------------------
> > >
> > > _______________________________________________
> > > Rails-spinoffs mailing list
> > > Rails-spinoffs-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org
> > > http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs
> > _______________________________________________
> > Rails-spinoffs mailing list
> > Rails-spinoffs-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org
> > http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs
> >
>
> _______________________________________________
> Rails-spinoffs mailing list
> Rails-spinoffs-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org
> http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs
>
>
>
_______________________________________________
Rails-spinoffs mailing list
Rails-spinoffs-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org
http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs