Dynamically change panel aspectratio

[KHALID OMAR MOHHMED]

hello,dear

  i need to dynamically change ejs-dashboardlayout cellAspectRatio when page resize to be sure that all panel full fill page hight.

[KHALID OMAR MOHHMED]

i solve it by but dashboard in container div and i write this code to make the dashboard full fill the dive

          

          var dashboardObject = document.getElementById('defaultLayout').ej2_instances[0];

            var aspectRatio = ($('#divContainer').width()) * rows / (dashboardObject.columns * $('#divContainer').height());

            dashboardObject.cellAspectRatio = aspectRatio;

            dashboardObject.refresh();

[Sowmiya Padmanaban]

Hi Khalid,  

 

Greetings from Syncfusion support. 

 

We are happy to hear that your problem has been resolved. Please contact us, if you need any help from us. We will happy to assist you. 

 

Note: By default, DashboardLayout’s grid panel structure will change to stacked panel structure when the browser screen width goes below 600px). So, in this case, cellAspectRatio will not be considered by Dashboard Layout. 

 

Refer the below links to know more about the DashbaordLayout. 

 

UG Documentation –https://ej2.syncfusion.com/aspnetcore/documentation/dashboard-layout/getting-started/ 

 

Demo link – https://ej2.syncfusion.com/aspnetcore/DashboardLayout/DefaultFunctionalities#/material 

 

API Reference- https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Layouts.DashboardLayout.html#Syncfusion_EJ2_Layouts_DashboardLayout_Panels 

 

Regards,  

Sowmiya.P