Add custom Attribute to the RadRadioButtonList control. By the way its not available as a control in the drop down. Andy
You can configure the confirm dialog through a ConfirmText property that defines the confirmation text. The boolean result can be exposed in the arguments of the click event. If there is a RadWindowManager on the same page a radconfirm should be used otherwise - the browser one. For the time being the functionality can be achieved manually as illustrated in this demo - http://demos.telerik.com/aspnet-ajax/button/examples/confirm/defaultcs.aspx
http://demos.telerik.com/aspnet-ajax/button/examples/radiosandcheckboxes/defaultcs.aspx?skin=Material
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>
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>
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>
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.
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>
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 that reproduces the issue: <asp:TextBox ID="Textbox1" runat="server" ValidationGroup="vg1" /> <telerik:RadButton ID="RadButton1" runat="server" ValidationGroup="vg1" Text="click" /> <asp:RequiredFieldValidator ID="Requiredfieldvalidator1" ErrorMessage="text box is empty" ControlToValidate="Textbox1" ValidationGroup="vg1" runat="server" /> <asp:ValidationSummary ID="Validationsummary1" runat="server" ValidationGroup="vg1" ShowMessageBox="true" />
Reproduced with latest official (2016.1.113) and internal (2016.2.128) in all browsers. Not reproducible with 2015 Q3 SP1. Code to reproduce the problem: <asp:Button runat="server" ID="GoStep2" OnClick="GoStep2_Click" Text="Next" /> <asp:Panel runat="server" ID="Panel1"> <asp:Button Text="aspButton" runat="server" /> <telerik:RadButton ID="Button1" Text="radButton" runat="server" /> </asp:Panel> protected void Page_Load(object sender, EventArgs e) { Panel1.Enabled = false; } protected void GoStep2_Click(object sender, EventArgs e) { Panel1.Enabled = true; } 1 click the Next button 3. When the page loads after the postback the RadButton remains disabled, unlike the asp:Button.
For the time being you can use the following workaround: CSS: <style> .RadButton input { width: 100% !important; } </style> ASPX: <telerik:RadButton ID="rbACH" runat="server" ToggleType="Radio" ButtonType="StandardButton" GroupName="test" AutoPostBack="false" Text="eCheck" Width="200px"> <ToggleStates> <telerik:RadButtonToggleState Text="eCheck" PrimaryIconCssClass="rbToggleRadioChecked" /> <telerik:RadButtonToggleState Text="eCheck" PrimaryIconCssClass="rbToggleRadio" /> </ToggleStates> </telerik:RadButton> <br /> <br /> <telerik:RadButton ID="btnToggle" runat="server" ToggleType="Radio" ButtonType="StandardButton" GroupName="StandardButton" Width="200px"> <ToggleStates> <telerik:RadButtonToggleState Text="Checked" PrimaryIconCssClass="rbToggleRadio" /> <telerik:RadButtonToggleState Text="UnChecked" PrimaryIconCssClass="rbToggleRadio" /> </ToggleStates> </telerik:RadButton>
For the time being you can use the following CSS workaround: CSS: <style> .RadButton span.rbText { display: inline; } </style> ASPX: <telerik:RadButton ID="rbACH" runat="server" ToggleType="Radio" ButtonType="StandardButton" GroupName="test" AutoPostBack="false" Text="eCheck" Width="200px" RenderMode="Lightweight"> <ToggleStates> <telerik:RadButtonToggleState Text="eCheck" PrimaryIconCssClass="rbToggleRadioChecked" /> <telerik:RadButtonToggleState Text="eCheck" PrimaryIconCssClass="rbToggleRadio" /> </ToggleStates> </telerik:RadButton>
Two possible workarounds are attached