foreach loop for dashboardlayoutpanel not working

[Brecht Porrez]

I'm trying to create DashboardLayoutPanels from a for loop but when I run the code below, I only get 1 big Panel, not multiple (there are multiple object tin the list). The one panel that is displayed is also not form the size 1x1 as requested by SizeX and SizeY. Any idea what the problem could be?

<SfDashboardLayout Columns="12" AllowResizing="true">

    <DashboardLayoutPanels>
        @foreach (WidgetData widget in widgets)
        {
            <DashboardLayoutPanel SizeX="1" SizeY="1">
                <HeaderTemplate>
                    <p>Header</p>
                </HeaderTemplate>
                <ContentTemplate>
                    <p>Content</p>
                </ContentTemplate>
            </DashboardLayoutPanel>
        }
    </DashboardLayoutPanels>
</SfDashboardLayout>

[Sowmiya Padmanaban]

Hi Brecht Porrez,  

 

Greetings from Syncfusion support. 

 

We have prepared a sample based on your shared code snippet for the DashboardLayout component. But your reported problem did not occur in our sample. We suspect that your reported issue may have occurred if your panel data contains single panel settings or same Id set for all the panels of DashboardLayout. Please ensure that you have mapped the different panel Id for each dashboard panel in your application. 

 

Refer the below video footage. 

 

https://www.syncfusion.com/downloads/support/forum/157743/ze/Dashboard_panel27143465.zip 

 

For your reference, we have rendered the dashboard component using for loop. Please, download the sample from the following link. 

 

https://www.syncfusion.com/downloads/support/forum/157743/ze/DashboardLayout1846703983.zip 

 

If the issue still persists, then could you please share us the following details. It will help us to resolve your problem at the earliest.  

  

·         Share us the issue screenshot/ video footage.  

·         If possible, replicate the issue in attached sample and share it to us.  

·         Share us the code of panel settings bound to DashboardLayout component from your application. 

·         Share us the (Syncfusion. Blazor) package version used in application.  

 

Please, refer the following links to know more about SF Blazor DashboardLayout component  

  

UG Documentation	https://blazor.syncfusion.com/documentation/dashboard-layout/getting-started/
Demo link	https://blazor.syncfusion.com/demos/dashboard-layout/default
API reference	https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Layouts.SfDashboardLayout.html

   

Please let us know, if you need any further assistance.  

  

Regards,   

Sowmiya.P