Skip to content

cuba-platform/sample-dashboard

Repository files navigation

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.10.1

Issues

Please use https://www.cuba-platform.com/discuss for discussion, support, and reporting problems coressponding to this sample.