How to maximise panel

Hi.


I'm evaluating this control for using in our main product. It does cover almost all of our requirements.

The only one its missing is the ability to maximise/restore panels. Is this possible to implement?

Thanks.


2 Replies 1 reply marked as answer

IL Indhumathy Loganathan Syncfusion Team July 25, 2022 08:01 AM UTC

Hi Luis,


Greetings from Syncfusion support.


You can be able to perform resizing functionality in the Dashboard Layout component by enabling the allowResizing property. Initially, the panels can be resized only in the south-east direction. However, panels can also be resized in east, west, north, south, and south-west directions also by defining the required directions with the resizableHandles property.


Refer to the below links to know more about panel resizing.


https://ej2.syncfusion.com/angular/documentation/dashboard-layout/interaction-with-panels/resizing-of-panels/


https://ej2.syncfusion.com/angular/demos/#/bootstrap5/dashboard-layout/default


Also, to restore the panel configurations, use the serialize method. This method returns the component’s current panel setting, which can be used to construct a dashboard with the same layout settings. Refer to the below link where we click the Save button to store the panel’s settings and click the Restore button to restore the previously saved panel settings.


https://ej2.syncfusion.com/angular/documentation/dashboard-layout/save-restore/


For your reference, we have prepared a simple sample.


https://stackblitz.com/edit/angular-f4kr9c?file=app.component.html,app.component.ts,app%2Fapp.module.ts


Please check the sample and get back to us if you need any further assistance.


Regards,

Indhumathy L


Marked as answer

LO Luis Ortega August 2, 2022 05:10 AM UTC

Hi Indhumathy and thanks for the response.


All is working well now.




Loader.
Up arrow icon