Hi all,
When errai is going to make development on mobile phones easier, then one thing it should
definitely support is responsive layout. Than means that when the screen sizes get smaller
that the display changes accordingly. Normally these things are done in css so one could
argue that, because of the way that errai is decoupling ui from the gwt components that we
can leave this to who ever is designing the front-end.
Another option is to take the twitter bootstrap approach and have some sort of framework
to support building responsive layouts. The way that bootstrap does it is that they have
columns that when the display gets smaller they start making the columns smaller and in
the end place them under each other. On top of that they have build some pre defined css
classes that will make elements visible or invisible on certain device types.
What we can do is create column gwt components and add the css to make it work. Then the
user can bind different divs to the various columns and things get aligned when the view
gets smaller.
see:
http://twitter.github.com/bootstrap/scaffolding.html#responsive
What do you think, any other ideas?
Cheers,
Erik Jan