Agreed.

But I'm not sure that it's in our best interest to re-invent something that's already being done in pure javascript frameworks. This is one of the reasons we designed Errai UI, so that it could support pure JS/CSS, and developers could use whatever grid system/responsive layouts they want.

However, there is a good chance that a young new project starting up will be addressing creating re-usable javascript widgets. In which case, we may actually see a widget library come about for Errai. That would be where this belongs, I imagine, and should be something to bring up then.

I see value in this, but I think the new widgets project (or the Errai module supporting that) is the place for this.

~Lincoln


On Wed, Dec 19, 2012 at 10:34 AM, Jonathan Fuerth <jfuerth@redhat.com> wrote:
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
errai-dev@lists.jboss.org
https://lists.jboss.org/mailman/listinfo/errai-dev




--
Lincoln Baxter, III
http://ocpsoft.org
"Simpler is better."