Grid-structured layout

The Syncfusion JS Dashboard Layout has a grid structure. This structure gives the control an organized and clean layout, making it easy for users to navigate and interact with the dashboard.

Panel resizing

Panels are the basic building blocks of a dashboard. Users can easily adjust the size of the panels in any direction using the handlers that appear when the cursor hovers over a panel corner.

Drag and drop panel

Users can reorder and move the panels around the layout by dragging them. A placeholder position will appear where the panel can be dropped, giving users a preview of the potential new layout.


The panels within the layout will automatically rearrange themselves, moving upwards to fill any open spaces. This ensures the layout is used effectively for panel placement. 

Syncfusion JavaScript Dashboard Layout

The Syncfusion JS Dashboard Layout offers a range of features that make it a powerful tool for creating and managing dashboard layouts.