How do I style RadioGroup to look like buttons?

1 Answer 399 Views
RadioGroup
John
Top achievements
Rank 1
John asked on 20 Dec 2021, 07:25 PM

I would like the behavior of the RadioGroup, but have the label and input pairs styled like toggle buttons like https://getbootstrap.com/docs/5.0/components/button-group/#checkbox-and-radio-button-groups

1 Answer, 1 is accepted

Sort by
1
Accepted
Dimo
Telerik team
answered on 21 Dec 2021, 04:50 PM

Hello John,

This was an interesting question, so we created a Knowledge Base article about how to style the RadioGroup to look like a ButtonGroup. There you go :)

Regards,
Dimo
Progress Telerik

Learn about the important changes coming in UI for Blazor 3.0 in January 2022!
Jesse
Top achievements
Rank 1
commented on 30 Jul 2024, 09:51 PM

This solution no longer works, as the CSS selectors are unable to select the checked radio button correctly. Is there an alternative solution to this?
Dimo
Telerik team
commented on 31 Jul 2024, 11:58 AM

@Jesse - I updated the KB article.
Tags
RadioGroup
Asked by
John
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or