Widgets positioning: Auto-layout or allow drag'n'drop about uebersicht

[felixhageloh]

Would a global style sheet work? You could target all widgets using the 'widget' class name and individual widgets by their id.

This would also allow to use css grid for laying out your widgets, something I have seen several people attempting to do.

[felixhageloh]

Glad you like it! I actually have a branch with drag and drop (still a bit buggy but functional). It is quite complex though, since you still want to keep the relative positioning to a specific screen edge. My idea was to wait and see if this is requested more often and otherwise leave it out for the sake of keeping things simple.
I haven't thought of auto layout before ... maybe worth thinking a bit more about!

[bensleveritt]

I'd like to 2nd a layout system.

[felixhageloh]

a widget's position is only defined by its style at the moment, if I understood your question correctly

[hacfi]

I didn’t have the time yet to look into this further but while browsing I found a good reference on which settings we could offer: https://developers.google.com/maps/documentation/javascript/controls#ControlPositioning

[edasque]

How about using jQuery Masonry to rule it all: http://masonry.desandro.com/

[Pe8er]

+1 for auto layout. It would be great if widgets were aware of each other.

Any work on this? The widgets are not really plug-n-play until they're draggable.
Amazing work on Übersicht by the way I love it.

[MrRaven010]

another approach to this could be to specify a widget container with a total size. Then you could specify X% or Xpx away from the previous widget.

[bruno-robert]

I like the simplicity of Übersicht but I still feel it's either missing drag 'n drop or at least an option all widget have to set the position. Everytime I add a widget, I add 'absPosition: "0px 0px 0px 0px"' to the options, and then add 'margin: #{options.absPosition}' somewhere in the CSS. It would be nice if this was a feature.
Amazing work btw, I love the app, it's so simple and clean!

[alex-taxiera]

at least an option all widget have to set the position

This is probably the best way to do it, because then it should just be a matter of the setting adding some inline css to the wrapper divs (just a guess, but this seems much easier than drag and drop).