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 theAppMainWindow
controller defined in the platform. - The
BootstrapListener
class extends theCubaBootstrapListener
to addviewport
metatag withdevice-width
option. - The
ext-mainwindow.xml
screen extends themainwindow.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 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.