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
ExtAppMainWindowcontroller extends theAppMainWindowcontroller defined in the platform. - The
BootstrapListenerclass extends theCubaBootstrapListenerto addviewportmetatag withdevice-widthoption. - The
ext-mainwindow.xmlscreen extends themainwindow.xmlscreen defined in the platform. - Additional CSS rules for the dashboard are defined in
dashboard.scssfile.
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/appand log in asadmin/admin
Based on CUBA Platform 6.10.1
Please use https://www.cuba-platform.com/discuss for discussion, support, and reporting problems coressponding to this sample.