RadioButtonList incorrectly displayed in DefaultScheme when disabled #834

Closed
opened 2026-01-29 17:45:04 +00:00 by claunia · 1 comment
Owner

Originally created by @OndrejUzovic on GitHub (Apr 29, 2023).

When RadioButtonList is disabled in DefaultScheme then it is not visible which item is checked.

image

Set the DefaultScheme and use the following code to reproduce the issue:

<div class="rz-p-12 rz-text-align-center">
    <RadzenRadioButtonList @bind-Value=@value TValue="int" class="mb-5" Disabled=true>
        <Items>
            @foreach (var dataItem in data)
            {
                <RadzenRadioButtonListItem Text="@dataItem.Name" Value="@dataItem.Id" Disabled="@(dataItem.IsDisabled.HasValue ? dataItem.IsDisabled.Value : false)" Visible="@(dataItem.IsVisible.HasValue ? dataItem.IsVisible.Value : true)" />
            }
        </Items>
    </RadzenRadioButtonList>
</div>

@code {
    int value = 1;

    public class MyObject
    {
        public int Id { get; set; }
        public string Name { get; set; }
        public bool? IsDisabled { get; set; }
        public bool? IsVisible { get; set; }
    }

    IEnumerable<MyObject> data = new MyObject[]
    {
        new MyObject() {
            Id = 1,
            Name = "Orders"
        },
        new MyObject() {
            Id = 2,
            Name = "Employees"
        },
        new MyObject() {
            Id = 3,
            Name = "Customers"
        },
        new MyObject() {
            Id = 4,
            Name = "Companies",
            IsDisabled = true,
        },
        new MyObject() {
            Id = 5,
            Name = "Companies (Old)",
            IsDisabled = true,
            IsVisible = false
        }
    };
}
Originally created by @OndrejUzovic on GitHub (Apr 29, 2023). When RadioButtonList is disabled in DefaultScheme then it is not visible which item is checked. ![image](https://user-images.githubusercontent.com/55758368/235310186-c4e96a86-28ac-46c8-bfe8-32b8e588d986.png) Set the DefaultScheme and use the following code to reproduce the issue: ``` <div class="rz-p-12 rz-text-align-center"> <RadzenRadioButtonList @bind-Value=@value TValue="int" class="mb-5" Disabled=true> <Items> @foreach (var dataItem in data) { <RadzenRadioButtonListItem Text="@dataItem.Name" Value="@dataItem.Id" Disabled="@(dataItem.IsDisabled.HasValue ? dataItem.IsDisabled.Value : false)" Visible="@(dataItem.IsVisible.HasValue ? dataItem.IsVisible.Value : true)" /> } </Items> </RadzenRadioButtonList> </div> @code { int value = 1; public class MyObject { public int Id { get; set; } public string Name { get; set; } public bool? IsDisabled { get; set; } public bool? IsVisible { get; set; } } IEnumerable<MyObject> data = new MyObject[] { new MyObject() { Id = 1, Name = "Orders" }, new MyObject() { Id = 2, Name = "Employees" }, new MyObject() { Id = 3, Name = "Customers" }, new MyObject() { Id = 4, Name = "Companies", IsDisabled = true, }, new MyObject() { Id = 5, Name = "Companies (Old)", IsDisabled = true, IsVisible = false } }; } ```
Author
Owner

@yordanov commented on GitHub (May 8, 2023):

Appearance fixed. Thanks @Cosmatevs.

@yordanov commented on GitHub (May 8, 2023): Appearance fixed. Thanks @Cosmatevs.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#834