select an item from the dropdown, different than "1"
expected: buttons become enabled
actual: radbutton is still disabled
<asp:Button ID="ButtonTest" runat="server" enabled="true" Text="Test" EnableViewState="False" />
<telerik:RadPushButton ID="RadButtonTest" runat="server" Text="RadButtonTest" Enabled="True" EnableViewState="False" RenderMode="Lightweight"></telerik:RadPushButton>
<asp:DropDownList runat="server" ID="DropDownTest" AutoPostBack="True" OnSelectedIndexChanged="SelectedIndexChanged_Test">
    <Items>
        <asp:ListItem Text="1" Value="1"></asp:ListItem>
        <asp:ListItem Text="2" Value="2"></asp:ListItem>
        <asp:ListItem Text="3" Value="3"></asp:ListItem>
        <asp:ListItem Text="4" Value="4"></asp:ListItem>
    </Items>
</asp:DropDownList>
 
protected void Page_LoadComplete(object sender, EventArgs e)
{
    if (DropDownTest.SelectedValue == "1")
    {
        ButtonTest.Enabled = false;
        RadButtonTest.Enabled = false;
    }
    else//workaround
    {
        string script = string.Format("function f(){{$find('{0}').set_enabled({1});Sys.Application.remove_load(f);}}Sys.Application.add_load(f);",
                                            RadButtonTest.ClientID,
                                            "true");
        ScriptManager.RegisterStartupScript(Page, Page.GetType(), "someKey", script, true);
    }
}

protected void SelectedIndexChanged_Test(object sender, EventArgs e)
{
}

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.

Hello All,

I'm using a couple of Radbuttons to enable users to download some forms (in Word). This has stopped working in Chromium based browsers for some reason (new Edge, Chrome). It still works in Internet Explorer. No errors in the browser DevTools and no error on the server either.
It also does not work in Cassini (VS2017).

Not sure where to go from here - can anyone confirm/deny?

TIA - Marcus.

code stub:

<telerik:RadButton ButtonType="LinkButton" RenderMode="Lightweight" ID="btnName" runat="server" Text="Button Text" CssClass="TemplBtn" NavigateUrl="~/assets/someform.docx">
         <Icon PrimaryIconCssClass="rbDownload" />
</telerik:RadButton>

Reproduction:

<telerik:RadButton ID="RadButton1" runat="server" Text="Submit" EnableEmbeddedSkins="false" EnableEmbeddedBaseStylesheet="false"/>
<telerik:RadCheckBox ID="RadCheckBox1" runat="server" Text="CheckBox" Skin="Default" />

Workaround:

<telerik:RadButton ID="RadButton1" runat="server" Text="Submit" Skin=""/>

Issue previously reported by others and marked resolved as of R2 2020 in June 2020

However, I am running Chrome 84 with the latest build - 2020.2.617.40.

The issue remains.

Radbutton with type=linkbutton, fails to postback

This button used to open the navigateURL as well as execute codebehind

<telerik:RadButton runat="server" ID="btnPrint" ButtonType="LinkButton" Text="Print Deposit Slip" NavigateUrl="/printform.aspx" Target="_blank" UseSubmitBehavior="false" SingleClick="true" SingleClickText="working..." />

....

End Sub

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"/>

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"/>

RadButton embedded in RadGrid is rendered with rounded corners only when ButtonType="StandardButton" (by default) and UseSubmitBehavior="true" (by default). In all other cases, it has sharp edges:

Code to replicate:

<telerik:RadButton ID="RadButton1" runat="server" Text="Outer button" RenderMode="Lightweight"></telerik:RadButton>

<telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True" OnNeedDataSource="RadGrid1_NeedDataSource" RenderMode="Lightweight">
    <MasterTableView AutoGenerateColumns="False">
        <Columns>
            <telerik:GridTemplateColumn HeaderText="TemplateColumn">
                <ItemTemplate>
                    <telerik:RadButton ID="RadButton2" runat="server" Text="StandardSubmit" UseSubmitBehavior="true"></telerik:RadButton>
                    <telerik:RadButton ID="RadButton3" runat="server" Text="StandardNonSubmit" UseSubmitBehavior="false"></telerik:RadButton>
                    <telerik:RadButton ID="RadButton4" runat="server" Text="LinkButton" ButtonType="LinkButton"></telerik:RadButton>
                    <telerik:RadButton ID="RadButton5" runat="server" Text="SkinnedButton" ButtonType="SkinnedButton"></telerik:RadButton>
                    <telerik:RadButton ID="RadButton6" runat="server" Text="ToggleButton" ButtonType="ToggleButton"></telerik:RadButton>
                </ItemTemplate>
            </telerik:GridTemplateColumn>
        </Columns>
    </MasterTableView>
</telerik:RadGrid>

C#

protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
{
    (sender as RadGrid).DataSource = Enumerable.Range(1, 6);
}

When the focus of the RadButton is set on the server-side, the active element becomes the inner input and not the span wrapper of the button. 
For the time being the client-side focus can be set. For example:

       	<telerik:RadButton ID="serverFocusBtn" runat="server" RenderMode="Classic" Text="Postback" TabIndex="0" OnClientLoad="btn_load" />
        <script type="text/javascript">
            function btn_load(btn) {
                btn.focus();
            }                 
        </script>

Currently it is not possible to focus RadButton through tabbing navigation unless the TabIndex property is set. For the time being TabIndex of 0 can be set, so that the tab order on the page layout is not distracted. For example:

    <script type="text/javascript">
        function pageLoad() {
            //Getting the button's wrapper
            button1 = $find("<%=RadButton1.ClientID %>");
            buttonWrapper = $telerik.$(button1.get_element());

            //Set tabindex attribute to the span element
            buttonWrapper.attr("tabindex", "0");      
        }                 
    </script>

Note that TabIndex=0 is set to the span wrapper element of the RadButton's input with JavaScript as setting RadButton's TabIndex property to 0 will not take effect.

Currently the click event is not triggered when RadButton is focused and enter key is pressed. This behavior is observed in FireFox and WebKit browsers only.

When RadButton (ButtonType="StandardButton") is set with a particular width, the text of the button is decentralized. Fix the center of this text. For the time being can be used either the new SkinnedButton or the following workaround:

    <style type="text/css">
        .rbDecorated
        {
            padding-left: 6px !important;
            padding-right: 10px !important;
        }
    </style>

When the RadButton, validation controls and controls which are to be validated are set with the same ValidationGroup, the validation is performed despite setting RadButton's CausesValidation property to false.

When a RadButton with a PostBackUrl property set is located inside an UpdatePanel,  it does not redirect to the PostBackUrl on click and a JavaScript error message is thrown.

The workaround is to use:

- Either a RadButton (ButtonType="LinkButton") and set its NavigateUrl to the desired page that is to be redirected
   
-OR a RadButton (ButtonType="StandardButton") and use its OnClientClicking event handler to cancel the postback and redirect to the desired page through window.location.href. For example:

    <script type="text/javascript">
        function OnClientClicking(sender, args) {

            window.location.href = "http://www.bing.com";
            args.set_cancel(true);

        }
    </script>

Currently when the RadButton is focused and the Enter key is pressed, the server-side event OnClick is not triggered. When the Enter key is pressed again, the server-side event is executed.

The issue is reproduced when a dialog is opened in OnClientClicking event.

The workaround is to use

-Either the OnClientClicked event
-OR trigger the server click of the RadButton in the OnClientClicking event:
		<script type="text/javascript">
			function OnClientClicking1(sender, args) {

				alert("Client-click triggered");
				sender.click();
			}
		</script>

Currently when the RadButton is clicked and a modal RadWindow that contains another button is opened and then the second button is clicked with enter key, so that it closes the RadWindow, the first RadButton is clicked again. The workaround is to set the Modal property of the RadWindow to false.

RadButton peforms a duplicate request (the second request aborts the first one) when the following conditions are met:

-The page is opened from Visual Studio 2008

- A RadButton exists on the page and the form is submitted when a text box is focused and enter key is hit.

-Default button is not set to the form.

-RadButton's UseSubmitBehavior is set to true

-.NET Framework 3.5 is used.

-The browser is Internet Explorer.

The workaround is to either set Default button for the form or set the UseSubmitBehavior property of the RadButton to false.

Implementing a fix for the Lightweight RenderMode is likely to cause regressions:
- https://feedback.telerik.com/Project/108/Feedback/Details/166590-fix-the-compatibility-of-radbutton-in-lightweight-with-image-in-cookieless-sessio
- https://feedback.telerik.com/Project/108/Feedback/Details/66505-fix-the-compatibility-of-radbutton-with-custom-image-that-contains-special-symbol

Thus, there are several workarounds:
- use the Classic RenderMode, if possible
- use the script below
- use CSS to set the icon instead of a property (example further down)

JS workaround:
			<telerik:RadButton runat="server" ID="rb1" RenderMode="Lightweight">
				<Icon PrimaryIconUrl="~/Circle_Green_20.png" />
			</telerik:RadButton>
			<telerik:RadPushButton runat="server" ID="rpb1" text="sample text">
				<Icon Url="Circle_Green_20.png" />
			</telerik:RadPushButton>
			<script>
				function repaintButtons() {
					$telerik.$(".RadButton.rbIconButton, .RadButton.rbIconOnly").each(function (index, elem) {
						if (elem && elem.control && elem.control.repaint) {
							elem.control.repaint();
						}
					});
					//uncomment this if you want the method to fire after each partial postback as well
					//Sys.Application.remove_load(repaintButtons);
				}
				Sys.Application.add_load(repaintButtons);
			</script>


CSS workaround:

			<telerik:RadButton runat="server" ID="rb1" RenderMode="Lightweight" CssClass="myCustomIcon" Text="some text">
				<Icon PrimaryIconUrl="Circle_Green_20.png" />
			</telerik:RadButton>
			<style>
				.myCustomIcon .rbPrimaryIcon
				{
					background-image: url(Circle_Green_20.png);
				}
			</style>

Declined with the following description:
Telerik controls can be found on the client-side through the findControl() method exposed by the Telerik client static library (http://www.telerik.com/help/aspnet-ajax/telerik-static-client-library.html). For example:
JavaScript:
	<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
		<script>
			function pageLoad() {
				var btn1 = $get("<%=RadButton1.ClientID %>");
				var btn2 = $telerik.findControl(btn1, "RadButton2");
				btn2.set_text("New text");
			}
		</script>
	</telerik:RadCodeBlock>
ASPX:
		<telerik:RadButton runat="server" ID="RadButton1" Width="190"
			Height="190">
			<ContentTemplate>
				<span>RadButton Content</span>
				<telerik:RadButton ID="RadButton2" runat="server" Text="OldText" />
			</ContentTemplate>
		</telerik:RadButton>

If the Width property of a RadButton is set, its appearance in the Visual Studio 2012 Design view will be broken.

The icons sprite starts showing when the width is sufficiently large, test with different values, e.g. 80px, 100px, 200px, 400px, etc.

Currently when cookiless session is enabled and RadButton with custom image is used the Image is not displayed, until the button is hovered.

ASPX:

        <telerik:RadButton ID="ButtunTest" runat="server" Icon-PrimaryIconUrl="~/Examples7/eClose.png" Text="Testbutton"
            Width="200px" UseSubmitBehavior="False" />

Web.Config:

  <system.web>
        <sessionState cookieless="true"></sessionState>
  </system.web>

The workaround is to override the background image of the button:

    <style>
        .RadButton.RadButton_Default.rbSkinnedButton .rbPrimaryIcon {
            background-image: url("/RadControlsWebSite2/Examples7/eClose.png");
        }
    </style>