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