For the time being the following JavaScript workaround can be used: JavaScript: function pageLoad() { fixImageURL(); } function fixImageURL() { var imageBtns = $telerik.$('.rbImageButton'); for (var i = 0; i < imageBtns.length; i++) { var btnStyle = imageBtns[i].getAttribute('style').replace("background-image:url(", "background-image:url('").replace(");", "');"); imageBtns[i].setAttribute('style', btnStyle); } } ASPX: <telerik:RadButton ID="RadButton1" runat="server" Width="50px" Height="50px"> <Image ImageUrl="50x50.png" /> </telerik:RadButton> <telerik:RadButton ID="RadButton2" runat="server" Width="50px" Height="50px"> <Image ImageUrl="50x50.png" /> </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); }
If the Target property of the RadButton (ButtonType="LinkButton") is set to a custom string (the name of the target window, where the content of the linked page will be rendered), the link is not opened. For the time being the following workaround can be used: JavaScript: <script> function OnClientClicked(sender, args) { var target = sender.get_target(); var navURL = sender.get_navigateUrl(); window.open(navURL, target) } </script> ASPX: <telerik:RadButton ID="RadButton1" runat="server" ButtonType="LinkButton" Text="click" Target="MyWindow" NavigateUrl="http://www.google.com" OnClientClicked="OnClientClicked" />
RadButton's clicking is triggered when the following conditions are met: -input type="text" handles onkeypress event -onkeypress event focuses the RadButton -the key pressed that is handled by onkeypress event is Space or Enter Triggering the clicking with "Space" can be workaround by setting some timeout to the focus(). For example: ASPX: <telerik:RadButton ID="RadButton1" runat="server" Text="RadButton"></telerik:RadButton> <input type="text" name="name" value=" " onkeypress="KeyPressed();" /> JavaScript: function KeyPressed() { setTimeout(function () { $find("RadButton1").focus(); }, 200); }
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>
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"/>
When the RadButton is hovered with the mouse pointer being over the button's text, the hover state is lost. This behavior is observed with Silk and Glow skins under IE 9 or less. The workaround is to set the ButtonType to "SkinnedButton" or "LinkButton".
When the RadButton is used as a toggle button and some of its toggle state buttons are set with PrimaryIconCssClass property the icons might not be displayed if the following conditions are met at the same time: -AutoPostBack property of the RadButton is set to false -One of the togglestate buttons is selected and its PrimaryIconCssClass property is not set. The issue does not affect the functionality of the button, just the displaying of the icons in the togglestate buttons.
RadButton configured as an Image button cannot be clicked if a node from a RadTreeView is selected and EnableDragAndDrop property of the RadTreeView is set to true. The issue is reproducible in iPAD. For the time being either the EnableDragAndDrop property of the RadTreeView can be set to false or the following JavaScript code can be placed after the declaration of the RadTreeView: <script type="text/javascript"> var $T = Telerik.Web.UI; Telerik.Web.UI.RadTreeView.prototype._onDocumentMouseUp = function (e) { if ($telerik.isTouchDevice) { //this._cancelEvent(e); if (this.longTouchID) { clearTimeout(this.longTouchID); this.longTouchID = 0; } this._treeTouchScroll._dragCanceled = false; } this._detachDragDropEvents(); if (!this._dragging) { this._initialDragMousePos = null; this._initialDragNode = null; return; } var sourceNodes = this._sourceDragNodes, target = $telerik.getTouchTarget(e); var destinationNode = null; if (target == this._dropClue) { // If the event has hit the DropClue we take the node it is attached to destinationNode = this._dropClue.treeNode; } else { destinationNode = this._extractNodeFromDomElement(target); } if (destinationNode) { if (destinationNode._isDescendantOf(this._initialDragNode) || this._initialDragNode == destinationNode) { this._clearDrag(); return; } } var htmlElement = target; var eventArgs = new $T.RadTreeNodeDroppingEventArgs(sourceNodes, destinationNode, htmlElement, this._draggingPosition, e); this.raiseEvent("nodeDropping", eventArgs); if (eventArgs.get_cancel()) { this._clearDrag(); return; } htmlElement = eventArgs.get_htmlElement(); var command = this._getDropCommand(destinationNode, sourceNodes, htmlElement); if (command.commandName) { eventArgs = new $T.RadTreeNodeDroppedEventArgs(sourceNodes, e); this.raiseEvent("nodeDropped", eventArgs); this._postback(command); } this._clearDrag(); }; </script>
When there is a RadButton with configured ValidationGroup, the client-side ASP.NET validation on the page will not be executed, if there are validation controls, which use the same ValidationGroup. The unexpected behaviour is observed in FireFox and Opera.
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
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.
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>
Two possible workarounds are attached
Currently when cookiless session is enabled and RadButton with custom image is used the Image is not displayed, until the button is hovered. ASPX: <telerik:RadButton ID="ButtunTest" runat="server" Icon-PrimaryIconUrl="~/Examples7/eClose.png" Text="Testbutton" Width="200px" UseSubmitBehavior="False" /> Web.Config: <system.web> <sessionState cookieless="true"></sessionState> </system.web> The workaround is to override the background image of the button: <style> .RadButton.RadButton_Default.rbSkinnedButton .rbPrimaryIcon { background-image: url("/RadControlsWebSite2/Examples7/eClose.png"); } </style>
Currently disabled RadButton doesn't have a border for Silk skin. For the time being the border can be set manually: <telerik:RadButton ID="RadButton1" runat="server" Skin="Silk" Text="Submit" BorderColor="#C9C9C9" BorderWidth="1px" Enabled="false"> </telerik:RadButton>
The workaround is to override the background image of the button: CSS: <style> .RadButton.RadButton_Default.rbLinkButton .rbPrimaryIcon { background-image: url("images/Groups (16x16).png"); } </style> ASPX: <telerik:RadButton ID="RadButton1" runat="server" ButtonType="LinkButton" Text="Click" Skin="Default"> <Icon PrimaryIconUrl="images/myImage (16x16).png" PrimaryIconTop="2" PrimaryIconLeft="2" /> </telerik:RadButton>