SfDashboardLayout will not render

using the newest release ofBblazor package in WASM project (although this issue has been present since I started using the Blazor components)

Using the 'Panels with Simple Data' example from  Getting Started with Blazor Dashboard Layout Component | Syncfusion , the SfDashboardLayout component will not render until I resize the browser window. Once it is resized the panel (or panels with more complex examples) display correctly

Here is the full index.razor page I am using:


@page "/"

@using Syncfusion.Blazor.Layouts

    <SfDashboardLayout>
        <DashboardLayoutPanels>
            <DashboardLayoutPanel>
                <HeaderTemplate><div>Panel 1</div></HeaderTemplate>
                <ContentTemplate><div>Content</div></ContentTemplate>
            </DashboardLayoutPanel>
        </DashboardLayoutPanels>
    </SfDashboardLayout>

<style>
    .e-panel-header {
        background-color: rgba(0, 0, 0, .1);
        text-align: center;
    }


    .e-panel-content {
        text-align: center;
        margin-top: 10px;
    }
</style>

@code
{
}



1 Reply

SM Shalini Maragathavel Syncfusion Team November 18, 2021 01:32 PM UTC

Hi Geoff, 

Greetings from Syncfusion support.
 
Based on your query, we suspect that you are facing an issue in rendering Dashboard Layout in WebAssembly sample. So, we have prepared a Dashboard Layout WebAssembly sample(with your code) and tried to reproduce the reported issue at our end, but we are unable to replicate it as the Dashboard Layout component is rendered properly without any issues

If your reported problem persists, then please share the following information to validate further. 
  • If possible, replicate your reported problem in the above sample or provide a simple sample to replicate the issue.
  • Video demonstration of the issue.
  • Syncfusion package version.
This information would help us to find the exact cause of your reported problem and to provide the prompt solution.  
Regards,  
Shalini M. 


Loader.
Up arrow icon