Completed
Last Updated: 13 Aug 2021 10:08 by ADMIN
GEORGE BRANDES
Created on: 11 Aug 2020 16:57
Category: Button
Type: Bug Report
1
Broken appearance of RadRadioButtonList when there is a RadButton on page in Auto and Classic render mode

The appearance of RadRadioButtonList is broken when it is used on the same page with RadButton and the set render mode equals to Auto or Classic.

The bug can be reproduced with the following setup:

No render mode set:        <telerik:RadRadioButtonList ID="RadRadioButtonList3" runat="server">
            <Items>
                <telerik:ButtonListItem Text="AllXxXxX" Value="d" />
                <telerik:ButtonListItem Text="Phone xxxxxxxxx" Value="P" />
                <telerik:ButtonListItem Text="IP/URL xxxxxxxxx" Value="I" />
                <telerik:ButtonListItem Text="General xxxxxxxxx" Value="O" />
            </Items>
        </telerik:RadRadioButtonList>

        <telerik:RadButton runat="server" ID="Button1" Text="Button"/>
or
RenderMode="Classic":
        <telerik:RadRadioButtonList ID="RadRadioButtonList3" runat="server">
            <Items>
                <telerik:ButtonListItem Text="AllXxXxX" Value="d" />
                <telerik:ButtonListItem Text="Phone xxxxxxxxx" Value="P" />
                <telerik:ButtonListItem Text="IP/URL xxxxxxxxx" Value="I" />
                <telerik:ButtonListItem Text="General xxxxxxxxx" Value="O" />
            </Items>
        </telerik:RadRadioButtonList>

        <telerik:RadButton runat="server" ID="Button1" Text="Button"/>
2 comments
ADMIN
Rumen
Posted on: 13 Aug 2021 10:08

RadRadioButtonList (R3 2016) is released after the discontinuation of the Classic render mode (Q3 2015) and because of this, it does not offer Classic rendering as RadButton. That's why when both components are used on the same page the Lightweight render mode should be explicitly turned on.

 

ADMIN
Vessy
Posted on: 11 Aug 2020 17:02

Hi George,

Thanks a lot for the reported issue.

For the time being, it can be workarounded in one of the following ways:

  • by setting the render mode of RadButton explicitly to lightweight:
            <telerik:RadButton runat="server" ID="Button1" Text="Button" RenderMode="Lightweight"/>
    
  • or by setting the render mode of the whole application to lightweight in the web.config:
    <add key="Telerik.Web.UI.RenderMode" value="lightweight"/>

 

Regards,
Vessy
Progress Telerik