RadzenImage light/dark path?

psyhlo · September 19, 2024, 7:20am

Hello, this is my first post and searched a lot before write my question.
So is it possible to set or update the source/path to image when toggle AppearanceToggle to switch between light and dark mode of the theme.
My current solution is this:
<RadzenImage Path="@(ThemeService.Theme.ToLower().Contains("dark") ? "imageWhite.png" : "image.png")" />

But this way i have to refresh the page/app to see the change.
I didnt found event to catch and change it my self.
I was searching for custom css for light and dark mode, but no luck so far.

korchev · September 19, 2024, 7:50am

Hi @psyhlo,

The ThemeService class has a ThemeChanged event. You can probably use it. Here is how we use it internally:

github.com

radzenhq/radzen-blazor/blob/master/Radzen.Blazor/RadzenLayout.cs

using Microsoft.AspNetCore.Components;
using Microsoft.Extensions.DependencyInjection;
using Radzen.Blazor.Rendering;
using System;

namespace Radzen.Blazor
{
    /// <summary>
    /// RadzenLayout component.
    /// </summary>
    public partial class RadzenLayout : RadzenComponentWithChildren
    {
        [Inject]
        private IServiceProvider ServiceProvider { get; set; }

        private ThemeService themeService;

        /// <inheritdoc />
        protected override void OnInitialized()
        {

This file has been truncated. show original

psyhlo · September 19, 2024, 8:00am

Thanks, that work as i wanted