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.

About

Example of responsive UI

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 8