Best way for drag and drop dashboards - ruby-on-rails

Is there any jquery plugin for creating iGoogle style dashboard? So basically drag n drop style etc.
Possibly a way to save the location of the widgets into a database in ruby on rails?

jquery ui support drag and drop.U should not find exact plugin for this.

Are you locked into jQuery?
If you are not you should consider Dojo.
Demo Drag and Drop Content panes
http://download.dojotoolkit.org/release-1.7.0b2/dojo-release-1.7.0b2/dojox/layout/tests/test_GridContainer.html
and
http://download.dojotoolkit.org/release-1.7.0b2/dojo-release-1.7.0b2/dojox/layout/tests/test_GridContainerColWidths.html

I would recommend gridster library

Related

Tool tip text in Google App Maker

Is there a simpler way to do tool tip text when ever I hover thru the following button in Google App Maker?
Go to the Other section of the Property Editor. The title field should give you what you need.
This works well. I know there is a way to inject JQuery into the AppMaker, and from there its just determining when the DOM is loaded and you can modify the element with a script.

Is possible to create animation effects with JSF Pure?

I wonder if you can create screen effects (such as how to display the button, customize a modal or to flash background colors of a datatable for example) to my page created in JSF Pure (ie, without using Primefaces, RichFaces, and the like). If so, please indicate me sites and / or tutorials where I can check this job, because I researched on google and have not had success.
Grateful for the attention!
As suggested by friend Kukeltje, I will apply the JavaScript / JQuery in my project.
Thank you!!!

Vaadin component visible event

Is there an event, or some other way, to know when a vaadin component becomes visible in the browser? This is not for hidden components. I mean when the component is off canvas, like in a different tab that is not selected. Or may be way down the page.
It may be late but i started to create a Vaadin add-on that wraps the jQuery Waypoints library so that You can listen to Vaadin components becoming visible by scrolling.
You can find an experimental release here:
https://vaadin.com/directory#!addon/waypoints-add-on
I haven't done it but maybe you can use jQuery Waypoints.

jquery ui plugin/widget load order when adding individually

I'm using multiple jquery ui widgets for my project and as the project has progressed I've just added what I've needed to the bottom of the list but now I get some errors. In this question is saying some widgets inherit properties/functions from others so what is best order to arrange the script tags for all the widgets to work properly without errors?
Here are jquery files I'm using in the order they are in the HTML
jquery.1.7.2.min.js
jquery.ui.core.min.js
jquery.ui.widget.min.js
jquery.ui.position.min.js
jquery.effects.core.min.js
jquery.ui.tooltip.min.js
jquery.ui.dialog.min.js
jquery.ui.datepicker.min.js
jquery.ui.tabs.min.js
jquery.ui.selectable.min.js
jquery.ui.autocomplete.min.js
jquery.ui.menu.min.js
jquery.ui.button.min.js
jquery.ui.draggable.min.js
jquery.ui.mouse.min.js
jquery.ui.resizable.min.js
Thanks
Looking through the compiled UI file is looks like it might be this:
UI Core
Widget
Mouse
Draggable
Droppable
Resizeable
Selectable
Sortable
Effects Core
All effects included alphabetically
Accordion
Autocomplete
Button
Datepicker
Dialog
Menu
Menubar
Popup
Positon
Progress bar
Slider
Spinner
Tabs
Tooltip
Please specify what widgets are you trying to use. You should always import jquery first, and then look at the widget dependencies.
You can also "build your own jquery" here and any required dependencies will automatically be checked automatically.

Dynamic Splitter Panes

How would I go about implementing dynamic/docking splitter panes in a vb.net app similar to visual studio?
Check out the following demo at ZettaCube, their WebDock component seems to have functionalities close to VS.NET, especially docking and auto-hide.
http://www.zettacube.com/
DockPanel is one painless & open source way to do it.
DockPanel is for WinForms only. Seems that the WebDock from zettacube above is the only solution for now.
Not easily is the short answer.
A high level idea would be to define some regions using divs or a table and using your js framework of choice make these elements resizeable. that gets you the splitter aspect.
The docking will have to use absoluting positioned elements that you can drag and drop and if you are currently over a docking element, reposition the element to be docked to inside the docking element and change it's position back to normal. When you want to drag it out you will change it's positioning back to absolute
Also, this is not easy to do and will take a long time and still probably not work correctly. Sorry to sound pessimistic though.
I would say use some of the already available controls out there.
I use the control library from Janus Controls, but there are dozens out there to choose from.
http://www.janusys.com/controls/
Agree with Nick, this is not something you just throw together yourself.

Resources