Avoid scrolling down

Hi Support Team,
I'm using DashboardLayout in order to show some panels to our users, but when panels increase some of these are not visible on the scree, because it necessary to scroll down.

Is it possible to show all panels into the screen resolutions without scrolling, maybe reducing width and height of all the panels?


Waiting for your reply.

Best regards,

emanuele


1 Reply

LD LeoLavanya Dhanaraj Syncfusion Team May 12, 2022 12:58 PM UTC

Hi Emanuele,


Greetings from Syncfusion support.


Yes. You were able to set all the panels to the screen resolutions without scrolling by setting the cellAspectRatio property. This will adjust all the panels' heights. For your reference, check the below code snippet.


[index.ts]

let dashboard: DashboardLayout = new DashboardLayout({

    ...

    cellAspectRatio: 1.3,

});


Refer the below Dashboard Layout sample.


Sample : https://stackblitz.com/edit/xulzzd-zpwxjq?file=index.ts,index.html


Similar like above way you can adjust the cellAspectRatio value to adjust the panels height to render with the screen resolution. Please get back to us if you need any further assistance


Regards,

Leo Lavanya Dhanaraj


Loader.
Up arrow icon