https://github.com/syncfusionexamples/designing-an-angular-dashboard-layout-with-ui-components
A quick-start Angular project that contains code to add UI components to the Angular Dashboard Layout and arrange panels using the cell spacing property. This project also contains code to customize the look of the dashboard using the CSS class property, floating panels and the responsive and adaptive layouts functionality of the dashboard.
https://github.com/syncfusionexamples/designing-an-angular-dashboard-layout-with-ui-components
angular-dashboard angular-dashboard-layout angular-dashboard-layout-uicomponents angular-dashboard-uicomponents dashboard dashboard-layout-ui-components dashboardlayout dashboardlayoutuicomponents
Last synced: 4 months ago
JSON representation
A quick-start Angular project that contains code to add UI components to the Angular Dashboard Layout and arrange panels using the cell spacing property. This project also contains code to customize the look of the dashboard using the CSS class property, floating panels and the responsive and adaptive layouts functionality of the dashboard.
- Host: GitHub
- URL: https://github.com/syncfusionexamples/designing-an-angular-dashboard-layout-with-ui-components
- Owner: SyncfusionExamples
- Created: 2024-07-19T11:41:40.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2024-07-23T15:17:53.000Z (almost 2 years ago)
- Last Synced: 2025-07-16T14:54:54.647Z (11 months ago)
- Topics: angular-dashboard, angular-dashboard-layout, angular-dashboard-layout-uicomponents, angular-dashboard-uicomponents, dashboard, dashboard-layout-ui-components, dashboardlayout, dashboardlayoutuicomponents
- Language: HTML
- Homepage:
- Size: 15.6 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Designing an Angular Dashboard Layout with UI Components
A quick-start Angular project that contains code to add UI components to the Angular Dashboard Layout and arrange panels using the cell spacing property. This project also contains code to customize the look of the dashboard using the CSS class property, floating panels and the responsive and adaptive layouts functionality of the dashboard.
Refer to the following documentation to learn about the Angular Dashboard Layout component:
https://ej2.syncfusion.com/angular/documentation/dashboard-layout/getting-started
Check out this online example of the Angular Dashboard Layout component:
https://ej2.syncfusion.com/angular/demos/#/bootstrap5/dashboard-layout/default
## Project prerequisites
Make sure that you have the compatible versions of [Visual Studio Code](https://code.visualstudio.com/download ) and [NodeJS](https://nodejs.org/en/download) or later version in your machine before starting to work on this project.
## How to run this application
To run this application, you need to first clone the `designing-an-angular-dashboard-layout-with-ui-components` repository and then open it in Visual Studio Code. Now, simply build and run your project using `ng serve` command to view the output.