MAUI and Radzen (RadzenTabs)

Radzen.Blazor Components
1

I have create a simple MAUI-App and try to integrate the RadzenTabs on a page.

The Page has following code (Settings.razor)

@page "/settings"
@using VxFormGenerator.Core
@using System.Dynamic
@using Radzen
@using Radzen.Blazor
@using MYKEY.FxCoreMAUI.Application

<h1>Einstellungen</h1>

<RadzenTabs RenderMode="TabRenderMode.Client">
    <Tabs>

        <RadzenTabsItem Text="Datenbank">
            <EditForm Model="_DatabaseSettings" OnValidSubmit="HandleValidSubmit" OnInvalidSubmit="HandleInValidSubmit">
                <DataAnnotationsValidator />
                <RenderFormElements />
                <RadzenButton class="btn btn-primary" type="submit">Speichern</RadzenButton>
            </EditForm>
        </RadzenTabsItem>

    </Tabs>
</RadzenTabs>

But the only Radzen-looks-like control is the "button" and the "editform".

MAUI RadzenTabs Sample
MAUI RadzenTabs Sample933×782 37.2 KB

What is missing in my code to apply the RadzenTab-View

2

You’ve not included the required CSS, check our getting started for reference.

3

Thanks for this hint. But i think, I have include the mentioned css:

MAUI RadzenTabs Sample
MAUI RadzenTabs Sample1606×600 94.5 KB

4

The CSS file seems to not load for some reason. You should investigate why (probably via developer tools or output window).

5

Thanks - i have copied the css to my MAUI-App and now it works