Fully responsive GWTBotstrap3 / Vaadin (client side only) demo application

Predrag Remark

unread,

Mar 19, 2016, 12:05:20 PM3/19/16

to GWT Users

Please take a look at our new version of PetClinic demo application here: https://www.youtube.com/watch?v=gAN6iWAStZ8

This time it's done with Bootstrap 3 css files, GWT Bootstrap 3 and Vaadin (client side only) grid and open source Bootstrap Admin theme: Gentelella. In the same video you can see also Sencha GXT version for comparison. Any comment or suggestion are more than welcome.

You can visit us here for more information:

http://www.codeless.solutions

Gilberto

unread,

Mar 19, 2016, 5:52:24 PM3/19/16

to GWT Users

By looking at the video, I had a feeling that it looks too "desktop-ish" yet - tables, menus, small buttons, multiple levels of scrolling on the same panel, and so on. I'd like to see the framework running on an actual mobile device if possible. Do you have an URL where I could access it?

Predrag Remark

unread,

Mar 19, 2016, 7:27:49 PM3/19/16

to GWT Users

Hi Gelberto,

Yes I suppose you are right, it looks a bit "desktop-ish" but it's on purpose, it did not have to be this way. As you can see from the video there is a comparison between Sencha GXT and BootstrapGwt3/Vaadin and the main purpose of this particular video is to show that you can build GwtBootsrap3 / Vaadin (client side only) application as good as you can do it with Sencha and still have fully responsive application. Without any Hoizontal, Vertical, Border etc. layouts that are common (and very complex) in desktop like applications that you can build with Sencha or classic Gwt.

Basically it depends on layout template that you apply to your complex forms and in this moment there are 3 different layout templates for this technology stack as you could see in the movie: Simple, Left-Right and TopDown. There are other templates written for Sencha like Explorer, Portals, etc. It's easy to write and add new templates. The same can be applied for Bootstrap/Vaadin. This could be even more desktop-like if you apply exactly the same templates that are applied in Sencha case, but it could also be as you see it in "mobile first" applications.

I will push this demo app on the cloud in the following couple of days and in the meantime you are welcome to visit our site where you can find links other videos, demos on the cloud etc.

BTW, we are planning to create another technology stack that will probably use GwtMaterial. I am not sure when this will happen, but we are thinking about this idea. In this case you would probably get design and filling that you are expecting ;-) I am looking forward to see Ben's grid component.

The point of this and other videos are that with MetaPlatform you can write applications that work on different technology stacks without changing a single line in your controllers. In this case there is no code, the complete demo is built with 0 lines of code, but in more complicated cases than PetClinic where controller code exists, it's exactly the same no matter what you use as your view technology.