Maui Blazor Hybrid and Dashboard Layout doesn't work

I have tried using all the steps in getstarted 

Getting Started with Syncfusion Blazor Dashboard Layout in Web App


Also added below in 

MauiProgram.cs

builder.Services.AddSyncfusionBlazor();


Added this

<head>

    <link rel='nofollow' href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet" />

    <script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>


</head>


this doesn't exists in Maui. So I haven't added this

@* desired render mode define here *@
@rendermode InteractiveAuto


Dashboard Layout doens't render. I am also having issue with Blazor Tab control not showing correct Style for Tab between Selected and Not Selected tabs


Am I missing any steps ?


thanks


1 Reply

SA SureshRajan Alagarsamy Syncfusion Team November 20, 2024 01:16 PM UTC

Hi Praveen,

We have reviewed your query and understand that you are looking to create a Blazor MAUI Dashboard Layout application. Upon reviewing the documentation you shared, we noticed that it is related to getting started with a Blazor Web App, rather than a Blazor MAUI application. We recommend using the correct documentation to set up your Blazor MAUI application.

For your reference, we have created a Blazor MAUI Dashboard Layout application and included the correct getting started documentation for building a Blazor MAUI app.

Sample: Attached as zip folder.


Additionally, we recommend that you follow the forum below to receive further assistance and details for your Tabs component query.


Regards,
Suresh.

Attachment: BlazorMAUIDashboardLayout_86452852.zip

Loader.
Up arrow icon