add table layout to radradiobuttonlist

Progress® Telerik® UI for ASP.NET AJAX Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Unplanned

Last Updated: 07 Aug 2020 07:48 by ADMIN

Created on: 28 Feb 2018 03:59

Category: Button

Type: Feature Request

add table layout to radradiobuttonlist

Add table layout to radiobuttonlist control. this will facilitate the use of the control in a dynamic situation where you cannot predict  the number of columns the user wants to have. table layout is available in the standard ASP control and should be in the rad version as well. Furthermore it would make our flexibility increase if the item text of the list items can contain markup language (bold, or div with style) instead of latterly displaying the HTML code as if this was normal text.

Thanks for your great work and keep focus on ASP.NET controls to improve their funtions.

2 comments

Posted on: 04 Aug 2020 15:55

Dear Doncho

Thanks for sharing a work-around that appears to me solve the issue. Thanks for coming back on this question and providing excellent feedback and suggestion to tackle the experienced problem.

Have a nice day

ADMIN

Doncho

Posted on: 04 Aug 2020 15:01

Hi,

Thank you for your kind words and for sharing the idea for a built-in feature!

As a workaround for the issue, you can achieve the desired behavior with Telerik RadRadioButtonList by controlling the alignment with a CSS class:

<style>
    .RadRadioButtonList.rbHorizontalList .RadRadioButton{
        min-width: 20px;
        border: 1px solid red;
        text-align: left;
    }
    </style>
<telerik:RadRadioButtonList runat="server" ID="rrblThenBy" RepeatDirection="Horizontal" Direction="Horizontal" Width="360px" Columns="3" Skin="Glow">
    <Items>
        <telerik:ButtonListItem Text="Part Type" Value="Part Type" />
        <telerik:ButtonListItem Text="OVL DOH" Value="OVL DOH" />
        <telerik:ButtonListItem Text="DOH Warehouse" Value="DOH Warehouse" />
        <telerik:ButtonListItem Text="Program #" Value="Program #" />
        <telerik:ButtonListItem Text="Press Line" Value="Press Line" />
        <telerik:ButtonListItem Text="Tier" Value="Tier" />
    </Items>
</telerik:RadRadioButtonList>

An alternative approach could be to use a standard asp:RadioButtonList control decorated by RadFormDecorator. Thus the native component will look like the Telerik RadRadioButtonList component. In addition, you will have the ability to decorate the inner items with HTML tags:

<telerik:RadFormDecorator RenderMode="Lightweight" ID="FormDecorator1" Skin="Silk" runat="server" DecoratedControls="all" ></telerik:RadFormDecorator>
<asp:RadioButtonList RepeatLayout="Table" RepeatColumns="2" ID="RadioButtonList2" runat="server" TabIndex="2">
    <asp:ListItem Text="<b>below 18</b>"></asp:ListItem>
    <asp:ListItem Text="18-22"></asp:ListItem>
    <asp:ListItem Text="23-29" Selected="True"></asp:ListItem>
    <asp:ListItem Text="30-39"></asp:ListItem>
    <asp:ListItem Text="40-49"></asp:ListItem>
    <asp:ListItem Text="50-59"></asp:ListItem>
    <asp:ListItem Text="60 and above"></asp:ListItem>
</asp:RadioButtonList>

Having in mind that for more than 2 years it has only 1 vote, I am marking this feature request as "Unplanned". However, if the request gathers higher interest and more votes we might consider it for implementation as a built-in feature.

Kind regards,
Doncho
Progress Telerik