ItemTemplate for Blazor TelerikRadioGroup component

Progress® Telerik® UI for Blazor Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Completed

Last Updated: 06 Dec 2022 09:38 by ADMIN

Release 4.0.0 (18 Jan 2023) (R1 2023)

Nasoloniaina

Created on: 10 Aug 2021 19:46

Category: RadioGroup

Type: Feature Request

ItemTemplate for Blazor TelerikRadioGroup component

I would like to add icon to TelerikRadioGroup instead of only text.

5 comments

ADMIN

Dimo

Posted on: 24 Nov 2022 08:06

While we implement this feature, here is a runnable REPL example, which shows how to style HTML inputs to achieve a RadioGroup-like appearance with item template.

ADMIN

Dimo

Posted on: 27 Jul 2022 10:52

Hi grif,

Razor encodes all HTML tags by design. You can experiment with this suggestion, although I wouldn't recommend it, as it may open a vulnerability in your app.

A better workaround is to render radio inputs manually, so that you have full control over the HTML markup around them.

Regards,
Dimo
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

grif

Posted on: 21 Jul 2022 01:13

Hello,

In general, is there a way to disable the html escaping/encoding in the output so we can pass through arbitrary markup to show in control output while we wait for a better solution?

Thanks

ADMIN

Marin Bratanov

Posted on: 18 Jun 2022 11:48

Hello John,

When a template becomes available you would be able to design these layouts with your own html+css. If you would like to see some built-in settings for those (such as label location, for the built-in case without a template), I recommend opening a separate request. Custom highlight should likely remain a custom CSS thing though, e.g., cascaded via the focus pseudoselectors or existing selection classes. Images would be something to handle via templates.

Regards,
Marin Bratanov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

John

Posted on: 17 Jun 2022 11:24

Please make it possible to have image only "radio buttons", or position a label above, below, ahead, or behind the image. Highlighting may be via border or "graying" unselected images.