Hi,
In the Glow Theme the Filter Input Box is not visible.
Regards,
Jamil
When AjaxManager and CompareValidator are both placed on the same Page, the RadButton as the DefaultButton for the Panel does not make a Postback if hitting the Enter key while the focus is on the TextBox.
Code to replicate the problem:
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" />
<table>
<asp:Panel ID="Panel1" runat="server" DefaultButton="btnSearch">
<tr>
<td>
<telerik:RadTextBox ID="txtSearch" runat="server" MaxLength="25" Width="100%" InputType="Number"></telerik:RadTextBox>
<asp:CompareValidator ID="cmpDataType" runat="server" ControlToValidate="txtSearch" Operator="DataTypeCheck" Type="Integer" Display="Dynamic" Text="Value must be integer" ValidationGroup="SearchGroup">
</asp:CompareValidator>
<telerik:RadButton ID="btnSearch" runat="server" Text="Search" Primary="true" OnClick="btnSearch_Click" UseSubmitBehavior="true" ValidationGroup="SearchGroup">
</telerik:RadButton>
<%--<asp:Button ID="btnSearch" runat="server" Text="Search" OnClick="btnSearch_Click" />--%>
</td>
</tr>
</asp:Panel>
</table>
C# - Code to display the message when the button successfully performs the PostBack on Enter.
protected void btnSearch_Click(object sender, EventArgs e)
{
Response.Write("Search button clicked!");
}
The behavior works fine with a regular ASP Button.
Slideshow rendering messed up in Chrome. After any slide comes in a segment the right side is corrupted as shown in the attached image. The bug is reproduced if you set the animation to loop and fire the play button. After that leave the slider to work non-stop for 10-15 minutes and you'll see the corrupted rendering. Here is some test code: <telerik:RadImageGallery ID="RadImageGallery1" Width="100%" LoopItems="true" ImagesFolderPath="slides" runat="server" DisplayAreaMode="Image" Height="450px"> <ClientSettings> <AnimationSettings SlideshowSlideDuration="6000"> <NextImagesAnimation Type="Random" Easing="Random" Speed="3000" /> <PrevImagesAnimation Type="Random" Easing="Random" Speed="3000" /> </AnimationSettings> </ClientSettings> <ThumbnailsAreaSettings Position="Left" Width="0" Mode="ImageSlider" ScrollOrientation="Vertical" /> <ImageAreaSettings ShowDescriptionBox="false" NavigationMode="Zone" Height="100%" /> </telerik:RadImageGallery>
Hi,
We are using Material Theme in our application. We see the problem in Rad Editor's Ribbon. Some icons are overlapping the Text. In the demo, it seems to be same behavior.
Regards,
Jamil
The issue occurs when setting the Enabled property to false, which triggers a JavaScript error and causes the components to break.
Code to replicate the problem
<telerik:RadTextBox ID="RadTextBox1" runat="server" Enabled="false"></telerik:RadTextBox>
Steps to Reproduce: 1. Insert a table and add some data to the table in Chrome 2. Above the Table, insert some text 3. Highlight the text and drag cursor to highlight half of the data in the table 4. Hit Delete on your keyboard Result: The colgroup is removed from the table
There is a display issue when using the agenda view - if there are fewer than 4 events displayed then clicking on the date range in the header shows a calendar which is clipped at the bottom. Presumably this is due to it being constrained by the height of the events area. This occurs even though there is plenty of height available to the control. Please see the attached screenshot which is taken from your demo site: http://demos.telerik.com/aspnet-ajax/scheduler/examples/overview/defaultcs.aspx
When using the Grid with the Material skin, the drag selection overlay is not visible. After inspecting the DOM, I found that the overlay element uses the GridRowSelector_Material class:
<span class="GridRowSelector_Material" style="position: absolute; z-index: 1000100; opacity: 0.1; top: 525px; left: 321px; width: 844px; height: 36px;"></span>
However, this class is not defined in the Material skin's stylesheet, which results in the overlay having no visible background.
Steps to Reproduce:In version 2025 Q2, I am getting the following error message when opening the RadGrid in design mode:
System.NullReferenceException: Object reference not set to an instance of an object. at Telerik.Web.UI.Licensing.TelerikLicense.get_CurrentHost() at Telerik.Web.UI.Licensing.TelerikLicense.get_IsLicenseValid() at Telerik.Web.UI.RadGrid.Render(HtmlTextWriter writer) at System.Web.UI.Control.RenderControlInternal(HtmlTextWriter writer, ControlAdapter adapter) at System.Web.UI.Design.ControlDesigner.GetDesignTimeHtml()
Getting javascript error:
Hello -
I just updated my components to 2025.1.218, and am receiving the following ADA Compliance issues on a page scan. This is to conform to WCAG 2.1 AA. The component is the Ajax telerik:RadComboBox:
Buttons must have discernible text
<button class="rcbActionButton" tabindex="-1" type="button">select</button>
Form elements must have labels
<input name="ctl00$MainContent$ComboBox$NewCombo" type="text" class="rcbInput radPreventDecorate rcbEmptyMessage" id="ctl00_MainContent_ComboBox_NewCombo_Input" value="Search..." autocomplete="off"></input>
Component in .ascx file:
Please advise. Thanks!
Please create a method that will convert the old expressions to new format and make them re-usable again.
One workaround is to remove nodes that are not visible, e.g., in the Page_Load event: RadNavigation1.Nodes.RemoveAll(x => !x.Visible); Another workaround is to remove the HTML of hidden nodes. Note that this will not affect the nodes collections and they will still be present. Invoking operations or methods on such removed nodes can cause errors. <telerik:RadNavigation runat="server" ID="RadNavigation1" OnClientLoad="OnClientLoad"> <Nodes> <telerik:NavigationNode Text="first"></telerik:NavigationNode> <telerik:NavigationNode Text="second" Visible="false"></telerik:NavigationNode> <telerik:NavigationNode Text="third"></telerik:NavigationNode> </Nodes> </telerik:RadNavigation> <script> function OnClientLoad(sender, args) { var nodes = sender.get_allNodes(); var indicesToRemove = []; for (var i = 0; i < nodes.length; i++) { if (nodes[i].get_element().style.display == "none") { $telerik.$(nodes[i].get_element()).remove(); } } } </script>
Using the set_enabled() method of the NumericTextBox doesn't disable/enable the TextBox properly:
<telerik:RadCheckBox runat="server" ID="CheckBox1" OnClientCheckedChanged="onClientCheckedChanged" Text="Enable/Disable" AutoPostBack="false" />
<telerik:RadNumericTextBox ID="RadNumericTextBox1" runat="server" />
function onClientCheckedChanged(sender, args) {
let numericTextBox = $find("<%= RadNumericTextBox1.ClientID %>");
let isChecked = args.get_checked();
numericTextBox.set_enabled(isChecked);
}