<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" />
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>
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);
}
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.
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
For the time being the following workaround can be used: <telerik:RadButton ID="RadButton1" runat="server" Text="click" ButtonType="LinkButton" EnableEmbeddedSkins="false" Font-Underline="true"/>