Unplanned
Last Updated: 08 Jan 2024 09:51 by William
Created by: William
Comments: 0
Category: RadioGroup
Type: Feature Request
1
I would like to be able to bind the RadioGroup to a nested property like so:

<TelerikRadioGroup Data="@RadioData"
                   @bind-Value="@ChosenOption"
                   ValueField="Child.Id"
                   TextField="Child.Text">
</TelerikRadioGroup>

@code {
    public int ChosenOption { get; set; }

    public class Parent<TItem>
    {
        public TItem Content { get; set; }

        public Parent(TItem item)
        {
            Content = item;
        }
    }

    public class Child
    {
        public int Id { get; set; }
        public string Text { get; set; }

        public Child(int id, string text)
        {
            Id = id;
            Text = text;
        }
    }

    public List<Parent<Child>> RadioData { get; set; } = new List<Parent<Child>>();

    protected override void OnInitialized()
    {
        RadioData.Add(new Parent<Child>(new Child(0, "Item 1")));
        RadioData.Add(new Parent<Child>(new Child(1, "Some text")));
        RadioData.Add(new Parent<Child>(new Child(2, "Other text")));
        RadioData.Add(new Parent<Child>(new Child(3, "Third text")));
        base.OnInitialized();
    }
}
Unplanned
Last Updated: 20 Nov 2023 11:26 by ADMIN
Created by: Mikael
Comments: 3
Category: RadioGroup
Type: Feature Request
14

I would like to be able to disable one or more radio buttons in the RadioGroup.

 

<AdminEdit>

The CSS workaround below uses the nth-child selector. In the example, I have disabled the third and fourth options and you can use it as a base and extend that sample in your own application.

<style>
    .disabled-items li:nth-child(3),
    .disabled-items li:nth-child(4) {
        outline: none;
        cursor: default;
        opacity: 0.6;
        -webkit-filter: grayscale(0.1);
        filter: grayscale(0.1);
        pointer-events: none;
        box-shadow: none;
    }
</style>

<TelerikRadioGroup Data="@GenderOptions"
                   @bind-Value="@ChosenGender"
                   ValueField="@nameof(GenderModel.GenderId)"
                   TextField="@nameof(GenderModel.GenderText)"
                   Class="disabled-items">
</TelerikRadioGroup>

@code{
    TelerikRadioGroup<GenderModel, int?> RadioGroupRef { get; set; }

    int ChosenGender { get; set; }

    List<GenderModel> GenderOptions { get; set; } = new List<GenderModel>
    {
        new GenderModel { GenderId = 1, GenderText = "Female", isEnabled = true },
        new GenderModel { GenderId = 2, GenderText = "Male", isEnabled = false },
        new GenderModel { GenderId = 3, GenderText = "Other", isEnabled = true },
        new GenderModel { GenderId = 4, GenderText = "Prefer not to say", isEnabled = true },
    };

    public class GenderModel
    {
        public int GenderId { get; set; }
        public string GenderText { get; set; }
        public bool isEnabled { get; set; }
    }
}

</AdminEdit>

Completed
Last Updated: 06 Dec 2022 09:38 by ADMIN
Release 4.0.0 (18 Jan 2023) (R1 2023)
Created by: Nasoloniaina
Comments: 5
Category: RadioGroup
Type: Feature Request
12
I would like to add icon to TelerikRadioGroup instead of only text.
Unplanned
Last Updated: 16 Dec 2021 16:02 by ADMIN
Created by: Eli
Comments: 1
Category: RadioGroup
Type: Feature Request
1

I would like to have the option (similar to AJAX controls radiobuttonlist) to specify the number of columns a RadioGroup has.  This would allow it to be evenly formatted no matter the text width and the ordering to go top to bottom and then left to right like below.

Since your control does not allow you to manually define child items, it becomes less useful than the built in InputRadioGroup control provided by Microsoft which allows me to set up the items and styling myself, which is what I use instead.