Unplanned
Last Updated: 24 Jan 2023 07:47 by Development
We have noticed a bug in the latest version of Telerik Controls (2023.1.117). We need to disable/enable toolbar in certain circumstances by code to avoid that the user push buttons.

We are using ItemTemplates with RadButtons inside.

Disabling the toolbar is possible but when we reenable the toolbar the buttons remain disabled.
Version 2022.3.1109 worked.

At the moment we are using a workaround and enable/disable not the toolbar but with a foreach the buttons in the itemtemplate directly, but this is unfortunately very cumbersome.

Reproduction code:
<script runat="server">
protected void OnCLick(object sender, EventArgs e)
{
	Test.Items[0].Enabled = !Test.Items[0].Enabled;

	Response.Write("Button is " + Test.Items[0].Enabled);
}
</script>


<telerik:RadScriptManager ID="MainRSM" runat="server" EnableScriptCombine="true" EnableCdn="false" AsyncPostBackTimeout="500" EnableEmbeddedjQuery="true" OutputCompression="AutoDetect" />
<telerik:RadToolBar Id="Test" runat="server">
	<Items>
		<telerik:RadToolBarButton>
			<ItemTemplate>
				<telerik:RadButton runat="server" Text="Test" />
			</ItemTemplate>
		</telerik:RadToolBarButton>
	</Items>
</telerik:RadToolBar>

<telerik:RadButton runat="server" Text="Enable/Disable button" OnClick="OnCLick" />

Completed
Last Updated: 13 Jan 2023 11:56 by ADMIN
Release R1 2023

Code & steps to replicate the issue.

  1. At the initial load, the TargetButton is enabled.
  2. Click the "Toggle Enabled State and Do PostBack" which will disable the button using the set_enabled property and do a PostBack. 
  3. Click again on the "Toggle Enabled State and Do PostBack" to enable the TargetButton and do another PostBack.
  4. While the TargetButton gets enabled via JavaScript, the server still renders the Button as disabled after the PostBack.
<telerik:RadButton runat="server" ID="RadButton1" Text="Target Button" AutoPostBack="true" EnableViewState="true" />
<br />
<br />
<telerik:RadButton runat="server" ID="RadButton2" Text="Toggle Enabled State and Do PostBack" OnClientClicked="toggleEnabledState" AutoPostBack="true" />

<script>
    function toggleEnabledState(sender, args) {
        var radButton1 = $find("<%=   RadButton1.ClientID %>");

        radButton1.set_enabled(!radButton1.get_enabled());
    }
</script>
Declined
Last Updated: 28 Dec 2022 13:08 by ADMIN
ADMIN
Created by: Marin Bratanov
Comments: 1
Category: Button
Type: Bug Report
1

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)
{
}

Completed
Last Updated: 22 Jun 2022 10:03 by ADMIN
Completed
Last Updated: 09 Jun 2022 12:18 by linz
Release 2020 R2 SP1

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>

 

Won't Fix
Last Updated: 08 Jun 2022 08:14 by ADMIN
A JavaScript error is thrown when a button with AutoPostback enabled on the client-side is clicked in IE.

Note: The error is thown only when the AutoPostback is enabled in the ClientClicked event handle, but not in ClientClicking.

JavaScript error:
SCRIPT5007: Unable to get property 'controlState' of undefined or null reference
File: ScriptResource.axd, Line: 658, Column: 38
Completed
Last Updated: 13 Aug 2021 12:26 by ADMIN
Release Q3 2015 SP1
When the RadButton is used as a toggle button and some of its toggle state buttons are set with PrimaryIconCssClass property the icons might not be displayed if the following conditions are met at the same time:

-AutoPostBack property of the RadButton is set to false

-One of the togglestate buttons is selected and its PrimaryIconCssClass property is not set.

The issue does not affect the functionality of the button, just the displaying of the icons in the togglestate buttons.
Completed
Last Updated: 13 Aug 2021 12:25 by ADMIN
Release Q3 2015 SP1
When a RadButton is clicked and the following conditions are met:
    -Page validation is not passed
    -Button's postback is cancelled in OnClientClicking event by setting args.set_cancel(true)
the postback of other RadButtons will not be performed.
Completed
Last Updated: 13 Aug 2021 12:23 by ADMIN
Release Q3 2013 SP1
RadButton's clicking is triggered when the following conditions are met:

-input type="text" handles onkeypress event

-onkeypress event focuses the RadButton

-the key pressed that is handled by onkeypress event is Space or Enter

Triggering the clicking with "Space" can be workaround by setting some timeout to the focus(). For example:

ASPX:

        <telerik:RadButton ID="RadButton1" runat="server" Text="RadButton"></telerik:RadButton>
        <input type="text" name="name" value=" " onkeypress="KeyPressed();" />

JavaScript:

        function KeyPressed() {
            setTimeout(function () {
                $find("RadButton1").focus();
            }, 200);
        }

Completed
Last Updated: 13 Aug 2021 12:22 by ADMIN
Release Q2 2015
If the Target property of the RadButton (ButtonType="LinkButton") is set to a custom string (the name of the target window, where the content of the linked page will be rendered), the link is not opened. For the time being the following workaround can be used:

JavaScript:

    <script>
        function OnClientClicked(sender, args) {
            var target = sender.get_target();
            var navURL = sender.get_navigateUrl();
            window.open(navURL, target)
        }
    </script>

ASPX:

<telerik:RadButton ID="RadButton1" runat="server" ButtonType="LinkButton" Text="click" Target="MyWindow" NavigateUrl="http://www.google.com" OnClientClicked="OnClientClicked" />
Completed
Last Updated: 13 Aug 2021 12:21 by ADMIN
Release Q2 2014
For the time being the following CSS workaround can be used:

CSS:

        <style>
            .RadButton.RadButton_Glow.rbSkinnedButton {
                vertical-align: top;
            }
        </style>
Where Glow is the name of the skin that has larger dimensions (e.g., Silk, Glow, etc).
ASPX:

       <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" Skin="Glow"></telerik:RadSkinManager>
        <telerik:RadTextBox runat="server" ID="txtAdminUser" />
        <telerik:RadButton runat="server" ID="btn1" Text="Add" ButtonType="StandardButton" />

Completed
Last Updated: 13 Aug 2021 12:20 by ADMIN
Release Q1 2016
ADMIN
Created by: Danail Vasilev
Comments: 0
Category: Button
Type: Bug Report
0
The width of the RadButton is higher than the actual one with Silk and Glow skins.

        <telerik:RadButton ID="RadButton1" runat="server" Skin="Silk" Width="300px"></telerik:RadButton>
        <br />
        <telerik:RadButton ID="RadButton2" runat="server" Skin="Glow" Width="300px"></telerik:RadButton>
        <br />
        <telerik:RadButton ID="RadButton3" runat="server" Skin="Default" Width="300px"></telerik:RadButton>
        <br />

Resolution:

    <style>
        span.RadButton {
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
    </style>
Completed
Last Updated: 13 Aug 2021 12:20 by ADMIN
Release Q2 2014
For the time being the following CSS workaround can be used:

CSS:

    <style>
        html .RadButton.RadButton_Glow.RadButton.rbDisabled,
        html .RadButton.RadButton_Glow.RadButton.rbDisabled:hover,
        html .RadButton.RadButton_Glow.RadButton.rbDisabled:active,
        html .RadButton.RadButton_Glow.RadButton.rbDisabled:focus,
        html .RadButton.RadButton_Silk.RadButton.rbDisabled,
        html .RadButton.RadButton_Silk.RadButton.rbDisabled:hover,
        html .RadButton.RadButton_Silk.RadButton.rbDisabled:active,
        html .RadButton.RadButton_Silk.RadButton.rbDisabled:focus,
        html .RadButton.RadButton_Metro.RadButton.rbDisabled,
        html .RadButton.RadButton_Metro.RadButton.rbDisabled:hover,
        html .RadButton.RadButton_Metro.RadButton.rbDisabled:active,
        html .RadButton.RadButton_Metro.RadButton.rbDisabled:focus {
            background-color: transparent;
            background-image: none;
            border: none;
            box-shadow: none;
        }
    </style>

ASPX:

        <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" Skin="Glow"></telerik:RadSkinManager>
        <telerik:RadButton ID="RadButton1" runat="server" ToggleType="Radio" ButtonType="ToggleButton" Checked="true" Enabled="true" />
        <telerik:RadButton ID="RadButton2" runat="server" ToggleType="Radio" ButtonType="ToggleButton" Checked="true" Enabled="false" />
        <telerik:RadButton ID="RadButton3" runat="server" ToggleType="Radio" ButtonType="ToggleButton" Checked="false" Enabled="true" />
        <telerik:RadButton ID="RadButton4" runat="server" ToggleType="Radio" ButtonType="ToggleButton" Checked="false" Enabled="false" />
Completed
Last Updated: 13 Aug 2021 12:13 by ADMIN
Release Q2 2015 SP1
ADMIN
Created by: Danail Vasilev
Comments: 1
Category: Button
Type: Bug Report
0
For the time being the following workaround can be used:

CSS:

    <style>
     .RadButton.RadButton_Metro.rbSkinnedButton:focus input.rbDecorated {
            background-color: #25A0DA !important;
        }
    </style>

        <telerik:RadSkinManager ID="RadSkinManager1" runat="server" Skin="Metro"></telerik:RadSkinManager>
        <telerik:RadTextBox ID="RadTextBox1" runat="server"></telerik:RadTextBox>
        <telerik:RadButton ID="RadButton1" runat="server" Text="click" />
Completed
Last Updated: 13 Aug 2021 12:12 by ADMIN
Release Q3 2014
For the time being you can use the following workaround:
JavaScript:
		<script>
			function fixBtnRepaint(sender, args) {
				sender._useModules = false;
			}
		</script>
ASPX:
				<telerik:RadButton ID="RadButton1" runat="server" Text="Click" OnClientLoad="fixBtnRepaint">
				</telerik:RadButton>
Completed
Last Updated: 13 Aug 2021 12:11 by ADMIN
Release Q3 2014
For the time being the following workaround can be used:
		<script>
			function OnClientClicked() {
				alert('OnClientClicked');
			}

			function OnClientClicking() {
				alert('OnClientClicking');
			}

			function fixBtnClicked(sender, args) {
				sender._useModules = false;
			}

		</script>
		<telerik:RadButton ID="RadButton1" runat="server" ButtonType="LinkButton" Text="Click" OnClientLoad="fixBtnClicked" Target="_parent" NavigateUrl="http://www.google.com" OnClientClicked="OnClientClicked" OnClientClicking="OnClientClicking" />
Completed
Last Updated: 13 Aug 2021 12:10 by ADMIN
Release Q2 2015
Completed
Last Updated: 13 Aug 2021 12:09 by ADMIN
Release R2 2016
The icon of a checkbox button appears over the text when the configured width is not enough to display them both on one line in Classic render mode.
Completed
Last Updated: 13 Aug 2021 12:07 by ADMIN
Release R2 2017
Using RequiredFieldValidator with RadButton (ToogleButton type), RadRadioButtons and RadCheckButtons throws a server exception that cannot be validated. 

Workaround:



ASP.NET:

<telerik:RadRadioButtonList ID="RadRadioButtonList1" runat="server" Text="RadRadioButtonList" >

    <Items>
        <telerik:ButtonListItem Text="Item 1" Value="0" />
        <telerik:ButtonListItem Text="Item 2" Value="1" />
    </Items>
</telerik:RadRadioButtonList>
 
<asp:CustomValidator ID="CustomButtonListValidator" ErrorMessage="errormessage"
    runat="server" OnServerValidate="CustomButtonListValidator_ServerValidate" />


C#:

protected void CustomButtonListValidator_ServerValidate(object source, ServerValidateEventArgs args)

{
    args.IsValid = (RadRadioButtonList1.SelectedIndex > -1);
}

Won't Fix
Last Updated: 13 Aug 2021 11:02 by ADMIN

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

 

1 2 3 4 5 6