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-grocery-list/src/main/java/org/jboss/errai/demo/grocery/client/local/PopoverContainer.java

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
_______________________________________________
errai-dev mailing list
[email protected]
https://lists.jboss.org/mailman/listinfo/errai-dev

Reply via email to