Javascript Toolbar Layout Structure

I was looking through javascript frameworks representing dashboards. I'm actually trying to mimic the behavior of an Atlassian JIRA product with my dashboard. As such, here are the requirements:

  • Toolbar column tables are predefined by the user (1col, 2col, 1col @ 30% -2ndCol @ 70%, etc.)
  • The user can add widgets to the control panel using the add button
  • User can drag widgets to new location
  • When dragging, the widget accepts the width of the column being dragged.
  • During drag and drop, the moved widgets only move up and down within the corresponding columns.

So far I have looked at freewall and gridster . Problems with these structures:

  • Widgets (aka cells) always retain their shape - I want the widget to take the width of the column to which it was added (and by the way, I would like to change its height during the drop event so that it is proportional)
  • The structure moves widgets in columns to fill the entire space.

Does anyone know a javascript framework that comes a little closer to these requirements?

THX

+6
source share
1 answer

Wow, I searched for a few days and just found it!

http://net.tutsplus.com/tutorials/javascript-ajax/inettuts/

+3
source

All Articles