Re: [errai-dev] responsive layout
On 2012-12-19, at 3:44 AM, Erik Jan de Wit wrote:
Hi,
> Bootstrap responsive UI combined with Errai UI works very well. I've used this in
a few demos already actually.
Right, but what I was thinking about was to help a developer user it more easy instead of
creating his own css and html (or use what twitter bootstrap provides) we include a grid
concept like twitter bootstrap. For example:
<r:Row>
<r:Column size="12">
<g:Label>Level 1 of Column</g:Label>
<r:Row>
<r:Column size="6">
<g:Label>Level 2</g:Label>
</r:Column>
<r:Column size="6">
<g:Label>Level 2</g:Label>
</r:Column>
</r:Row>
</r:Column>
</r:Row>
That would be really useful for people who use GWT UiBinder and/or programmatic layout of
widgets. This is definitely something we support, but we're angling toward ErraiUI for
our demos and stuff. I think with ErraiUI, special row and column widgets for Bootstrap
wouldn't be super-useful.
One thing I definitely did run into with Bootstrap was that it's super-awkward to use
their jQuery addons in an ErraiUI project. All of the CSS is reusable, but the logic in
the plugin is difficult to include and invoke in a natural way. I ended up recreating the
popover plugin code in the Grocery List demo:
https://github.com/errai/errai/blob/master/errai-jpa/demos/errai-jpa-demo...
It would be cool to have a module that provides the Bootstrap stylesheets plus GWT
reimplementations of all the jQuery plugins. That would help everyone no matter it
they're doing programmatic, UiBinder, or ErraiUI.
-Jonathan
Attachments:
- attachment.html (text/html — 2.6 KB)