Hi Jitendra,
We would like to let you know that DashboardLayout is a simple, independent UI component which will contain the collection of empty panels in the grid structured layout. . In DashboardLayout component, using this
serialize() method, you can get the only the panel position properties ( SizeX, SizeY, Row, Col, Id ). Since, content within the panels will vary based on the different user’s need and it might be any HTML elements regardless of Syncfusion controls, we cannot determine the content inside the dashboard panels and their respective configurations.
So, we have no in-built functionality in Dashboard Layout to handle the content inside the panels. Therefore, we suggest you to manually save the panel content using general angular based approach based on your requirement. So, DashboardLayout does not handle its panel content. Therefore, we suggest you to manually save the panel content using general angular based approach based on your requirement.
We can declare the content to the DashboardLayout in two ways.
- Mapping the component id to the content div element. Refer the below sample link.
- Declare the content in separate angular component and load its content into a dashboard panel based on your requirement.
Please, let us know if you have any concerns.
Regards,
Shameer Ali Baig S.