Example of responsive UI
Java CSS
Latest commit 1f743c3 Dec 20, 2016 @natfirst natfirst Upgrade to platform-6.3.5

README.md

Dashboard Sample

This is a showcase CUBA application which demonstrates how to build a responsive UI screen.

You can see this demo in action at https://demo.cuba-platform.com/dashboard.

The application has fully customized dashboard which uses CssLayout with the Vaadin responsive extension.

  • The ExtAppMainWindow controller extends the AppMainWindow controller defined in the platform.
  • The BootstrapListener class extends the CubaBootstrapListener to add viewport metatag with device-width option.
  • The ext-mainwindow.xml screen extends the mainwindow.xml screen defined in the platform.
  • Additional CSS rules for the dashboard are defined in dashboard.scss file.

To see the example in action, do the following:

  • Open the project in Studio
  • Click Run > Start application server
  • If you see the warning Database does not exist ..., click Create DB in background
  • Go to http://localhost:8080/app and log in as admin / admin

Based on CUBA Platform 6.3.5