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>
Unplanned
Last Updated: 18 Mar 2021 14:57 by ADMIN
Created by: Omar
Comments: 1
Category: Button
Type: Bug Report
0

Setting the font size of RadioButtonsList does not change its all dimensions as stated in the following article:
https://docs.telerik.com/devtools/aspnet-ajax/controls/radiobuttonlist/mobile-support/elastic-design

Code to reproduce the issue:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        .RadRadioButtonList button {
            font-size: 26px;
        }
    </style>
     
</head>
<body>
    <form id="form1" runat="server">
            <telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
       
        <telerik:RadRadioButtonList ID="RadRadioButtonList1"  runat="server"  AutoPostBack="False" Height="196px"  Skin="MetroTouch" RenderMode="Lightweight">   
            <Items>
                <telerik:ButtonListItem Text="Sample1" Value="1"  />
                <telerik:ButtonListItem Text="Sample2" Value="2" />
                <telerik:ButtonListItem Text="Sample3" Value="3" />
            </Items>
        </telerik:RadRadioButtonList>
    </form>
</body>
</html>

Unplanned
Last Updated: 12 Oct 2020 08:56 by ADMIN

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

 

Completed
Last Updated: 13 Aug 2021 10:08 by ADMIN

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"/>
Completed
Last Updated: 23 Oct 2020 09:34 by ADMIN
Release R3 2020

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

Protected Sub btnPrint_Click(sender As Object, e As EventArgs) Handles btnPrint.Click

....

End Sub

 

 

 

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

 

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>

 

Unplanned
Last Updated: 25 Jul 2018 07:43 by ADMIN
RadButton, RadPushButton and RadLinkButton can have a custom icon URL and CSS class.

When a CSS class is added, the background-image: url() rule is not rendered initially.

It does not matter what the class holds, it can even be empty

If you hover and leave the button, the icon shows up because the inline rule gets rendered.

The RadToggleButton does not manifest this behavior

You can find attached below a simple repro and workarounds
Unplanned
Last Updated: 07 Aug 2020 07:48 by ADMIN
Created by: S
Comments: 2
Category: Button
Type: Feature Request
1
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.
Declined
Last Updated: 20 Jan 2020 11:08 by ADMIN
Created by: Ruth
Comments: 1
Category: Button
Type: Bug Report
0
Just updated the controls and as usual got bitten by the change.  Very simple, we had a button that changed colors based on a change in an edit page.  The Button remained a White Color if nothing was entered, a Green Color if the fields were all correct and a Red Color if the fields were in error.  The determining factor is all behind the seen analysis on a save which has nothing to do with the Button.  Code behind the scenes sets a db value for the status of the Button. We know that the status is being set correctly because activity allowed or disallowed occurs correctly and that the DB settings having been checked are 100% correct as well.

There are seven Buttons with 7 Entry Pages that are affected and the users are totally confused when there is no visual direction as to the problem.

How do we Fix the Button to change Colors
Declined
Last Updated: 02 Jun 2017 10:23 by ADMIN
Checkbox buttons are missing when ToggleType='CustomToggle' in Lightweight rendering. The issue is introduced in 2017 R1 release.

Code to reproduce:
        <telerik:RadButton runat="server" ID="btnEnableTrace" RenderMode="Lightweight"
            ButtonType="ToggleButton" ToggleType="CustomToggle">
            <ToggleStates>
                <telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleCheckbox"></telerik:RadButtonToggleState>
                <telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleCheckboxChecked"></telerik:RadButtonToggleState>
            </ToggleStates>
        </telerik:RadButton>
Completed
Last Updated: 01 Jun 2017 12:17 by ADMIN
The blue part of the radio and check buttons is gone in 2017.1.xxx. There is a slight hover highlight, but in general, it is drastically different from the previous version (2016.3.1303).

The new appearance can be seen at

http://demos.telerik.com/aspnet-ajax/radiobuttonlist/examples/overview/defaultcs.aspx?skin=Silk

http://demos.telerik.com/aspnet-ajax/checkboxlist/examples/overview/defaultcs.aspx?skin=Silk 

http://demos.telerik.com/aspnet-ajax/checkbox/overview/defaultcs.aspx?skin=Silk

as well as a comparison between before and after the new release in the attached screenshot.
Completed
Last Updated: 30 Apr 2020 09:21 by ADMIN
Created by: Andy Green
Comments: 1
Category: Button
Type: Feature Request
0
Add custom Attribute to the RadRadioButtonList control.

By the way its not available as a control in the drop down.

Andy
Completed
Last Updated: 10 Apr 2019 14:30 by ADMIN
http://demos.telerik.com/aspnet-ajax/button/examples/radiosandcheckboxes/defaultcs.aspx?skin=Material
Completed
Last Updated: 21 Apr 2017 14:10 by ADMIN
Workaraounds:
- Use the Lightweight RenderMode
- OR, use the RadCheckBox control instead

Steps to reproduce:

			<telerik:RadSkinManager runat="server" ID="rsm1" ShowChooser="true"></telerik:RadSkinManager>
			<telerik:RadButton ID="rbFileLink" runat="server" ToggleType="CheckBox" ButtonType="ToggleButton"
							   Checked="true" AutoPostBack="false">
			</telerik:RadButton>
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: 01 Feb 2017 13:19 by ADMIN
ADMIN
Created by: Ianko
Comments: 0
Category: Button
Type: Bug Report
0
Having an initially disabled button that is later enabled on the client does not apply the hover effect (rbHovered class is not appended to the DOM element in mouse over). 

You can use RadPushButton instead of RadButton (http://demos.telerik.com/aspnet-ajax/pushbutton/overview/defaultcs.aspx), which works properly in this scneario.
Completed
Last Updated: 17 Aug 2018 14:35 by Vasssek
Common scenario is to use PrimaryIconCssClass and SecondaryIconCssClass to decorate custom icons. Common situation is using bootstrap's classes for the glyphicons.

In order to workaround this you can use custom CSS rules and define the expected content properties for the before elements. This is an example with bootstrap icons (http://glyphicons.bootstrapcheatsheets.com/). 


<style>
    .rbPrimaryIcon.glyphicon-filter:before,
    .rbSecondaryIcon.glyphicon-filter:before {
        content: "\e138";
    }
</style>

<telerik:RadButton ID="RadButton2" runat="server" 
    Text="Filter" ButtonType="SkinnedButton" 
    Icon-PrimaryIconCssClass="glyphicon glyphicon-filter" >
</telerik:RadButton>

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

1 2 3 4 5 6