AppearanceToggle Properties

Radzen.Blazor Components
1

Hello there. I have a question about the RadzenAppearanceToggle. Is it correct, to just put it on any page of my app to work, without adding any properties like OnClick, OnChange, etc.?

I put it in my MainLayout.razor next to the culture picker dropdown like this

<RadzenStack AlignItems="AlignItems.Center" Orientation="Orientation.Horizontal" JustifyContent="JustifyContent.End">
                    <RadzenAppearanceToggle />
                    <CulturePicker />
and so on

and it does not work. It changes the icon, when clicked but except for that, nothing happens. What did I miss?

I use the theme material3, and I expect to switch to material3-dark, when I click the AppearanceToggle.

My App.razor does like this

@inject NavigationManager NavigationManager
<!DOCTYPE html>
<html lang="en">

<head>
    <RadzenTheme Theme="material3" @rendermode="InteractiveServer" />
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <base href="@NavigationManager.BaseUri" />
    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />
    <link href="css/material3-base.css" rel="stylesheet" />
    <link rel="stylesheet" href="css/site.css" />
    <link rel="icon" href="favicon.ico" />
    <HeadOutlet @rendermode="@InteractiveServer" />
</head>

<body>
    <Routes @rendermode="@InteractiveServer" />
    <script src="_framework/blazor.web.js"></script>
    <script src="_content/Radzen.Blazor/Radzen.Blazor.js?v=@(typeof(Radzen.Colors).Assembly.GetName().Version)"></script>
</body>

</html>
2

I think this is causing the problem. Try deleting it.

3

That did the trick. Thank you!

4

Shall we delete this link from App.razor ?