<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" />
Code & steps to replicate the issue.
<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>
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>
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"/>
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=""/>
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>
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
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
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>
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.
http://demos.telerik.com/aspnet-ajax/button/examples/radiosandcheckboxes/defaultcs.aspx?skin=Material
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>
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)
{
}
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.
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>
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); }
This is a duplicate of http://feedback.telerik.com/Project/108/Feedback/Details/210060, see there for a workaround and for status updates. You can change the DPI settings in Windows from the Display Settings. Setting a size of 125% and clicking on a button will throw a server exception: ------- Input string was not in a correct format. Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code. Exception Details: System.FormatException: Input string was not in a correct format. Source Error: An unhandled exception was generated during the execution of the current web request. Information regarding the origin and location of the exception can be identified using the exception stack trace below. Stack Trace: [FormatException: Input string was not in a correct format.] System.Number.StringToNumber(String str, NumberStyles options, NumberBuffer& number, NumberFormatInfo info, Boolean parseDecimal) +12526913 System.Number.ParseInt32(String s, NumberStyles style, NumberFormatInfo info) +120 Telerik.Web.UI.RadImageButton.LoadPostData(String postDataKey, NameValueCollection postCollection) +256 Telerik.Web.UI.RadWebControl.System.Web.UI.IPostBackDataHandler.LoadPostData(String postDataKey, NameValueCollection postCollection) +16 System.Web.UI.Page.ProcessPostData(NameValueCollection postData, Boolean fBeforeLoad) +457 System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +1833
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