Blazor Server - Change Theme Dynamically

enchev · September 9, 2022, 7:29am

The link points exactly where it should, the project of our demos where the theme is changed dynamically:

If you care to open the project you will find:

RadzenBlazorDemos/Shared/MainLayout.razor

master


      
                          <RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center">
                              <RadzenSidebarToggle Click="@(() => sidebarExpanded = !sidebarExpanded)" />
                              <span style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">Radzen Blazor Components</span>
                          </RadzenStack>
                      </RadzenColumn>
                      <RadzenColumn Size="7">
                          <RadzenStack  Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" JustifyContent="JustifyContent.End">
                              <div class="rz-display-none rz-display-sm-inline-flex align-items-center">
                                  <RadzenLink Path="/docs/api/" Text="API Reference" title="Radzen Blazor Components API Reference" class="rz-mx-2 rz-mx-lg-4" target="_blank" />
                                  <RadzenLink Path="https://github.com/radzenhq/radzen-blazor" Text="GitHub" title="Star Radzen Blazor Components on GitHub" class="rz-text-nowrap rz-mx-2 rz-mx-lg-4" target="_blank" />
                              </div>
                              <RadzenAppearanceToggle class="rz-mx-2" />
                              <RadzenSidebarToggle Icon="settings" Click="@(() => configSidebarExpanded = !configSidebarExpanded)" class="rz-m-0" />
                          </RadzenStack>
                      </RadzenColumn>
                  </RadzenRow>
              </ChildContent>
          </RadzenHeader>
          <RadzenBody @ref="@body0">
              <ChildContent>
                  <RadzenContentContainer Name="main">

https://github.com/radzenhq/radzen-blazor/blob/master/RadzenBlazorDemos/Theme.razor
https://github.com/radzenhq/radzen-blazor/blob/master/RadzenBlazorDemos/Services/ThemeService.cs

and other useful stuff that might help you to do the same in your own app.