Horizontal Scorlling and limiting number of rows

I am currently experimenting with the Dashboard Layout. It has most of the functionality I need but I would like to know if it is possible to do the following:


  1. Add panels horizontally instead of vertically. This will allow the user to scroll horizontally to see the panels.
  2. Limit the row count. Currently, we can set the number of columns. I want to see the number of rows so the users can not go below a panel if it is not allowed.
  3. Optimise the layout to fill in space and look like a regular grid.

1 Reply

JA Jafar Ali Shahulhameed Syncfusion Team June 12, 2024 11:39 AM UTC

Hi Christian,


Greetings from Syncfusion,


[Query: 1 & 3 – Adding panels horizontally & Displaying panels as a Grid]


We would like to inform you that according to the current implementation of the Dashboard layout component, we cannot be able to add panels horizontally exceeding the value of the columns property. Clearly, if columns was set to 10 we can able to add only 10 panels horizontally, then by behavior 11th panel will be added vertically.


We kindly suggest you to set the columns value as per your requirement to arrange the panels in the horizontal manner.


We have attached the sample for your reference,


Sample: https://stackblitz.com/edit/angular-z2ge4l-9aefdx?file=src%2Fapp.component.ts,src%2Fapp.component.html


[Query: 2 – Rows property for Dashboard Layout component]


We have considered your query as a feature request and this will be included in any of our upcoming releases. Generally, we will plan any feature implementation based on customer request count, feature rank and wishlist plan for some feature. 


You can track the feature status through the below link,


Feedback: https://www.syncfusion.com/feedback/43281/provide-support-to-define-rows-for-entire-dashboard-layout-component


Please let us know if you need further assistance.


Regards,

Jafar


Loader.
Up arrow icon