Approved
Last Updated: 01 Jul 2014 12:07 by ADMIN
For the time being you can use the following workaround:
JavaScript:
		<script>
			function fixBtnRepaint(sender, args) {
				sender._useModules = false;
			}
		</script>
ASPX:
				<telerik:RadButton ID="RadButton1" runat="server" Text="Click" OnClientLoad="fixBtnRepaint">
				</telerik:RadButton>
Approved
Last Updated: 24 Jun 2014 09:29 by ADMIN
ADMIN
Created by: Danail Vasilev
Comments: 0
Category: Button
Type: Bug Report
0
The width of the RadButton is higher than the actual one with Silk and Glow skins.

        <telerik:RadButton ID="RadButton1" runat="server" Skin="Silk" Width="300px"></telerik:RadButton>
        <br />
        <telerik:RadButton ID="RadButton2" runat="server" Skin="Glow" Width="300px"></telerik:RadButton>
        <br />
        <telerik:RadButton ID="RadButton3" runat="server" Skin="Default" Width="300px"></telerik:RadButton>
        <br />

Resolution:

    <style>
        span.RadButton {
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
    </style>
Declined
Last Updated: 17 Jun 2014 08:32 by ADMIN
ADMIN
Created by: Danail Vasilev
Comments: 0
Category: Button
Type: Bug Report
0
Declined with the reason:

Item is a duplicate of http://feedback.telerik.com/Project/108/Feedback/Details/127356
Completed
Last Updated: 17 Jun 2014 08:25 by ADMIN
A workaround is using ButtonType=SkinnedButton or using the Glow or BlackMetroTouch skin.
You can use the following CSS workaround to remove the additional opacity Safari adds for the input that results in the sprite being visible:
        .rbDisabled .rbDecorated {
            opacity: 1;
        }
Approved
Last Updated: 07 Apr 2014 15:19 by ADMIN
For the time being the following CSS workaround can be used:

CSS:

    <style>
        html .RadButton.RadButton_Glow.RadButton.rbDisabled,
        html .RadButton.RadButton_Glow.RadButton.rbDisabled:hover,
        html .RadButton.RadButton_Glow.RadButton.rbDisabled:active,
        html .RadButton.RadButton_Glow.RadButton.rbDisabled:focus,
        html .RadButton.RadButton_Silk.RadButton.rbDisabled,
        html .RadButton.RadButton_Silk.RadButton.rbDisabled:hover,
        html .RadButton.RadButton_Silk.RadButton.rbDisabled:active,
        html .RadButton.RadButton_Silk.RadButton.rbDisabled:focus,
        html .RadButton.RadButton_Metro.RadButton.rbDisabled,
        html .RadButton.RadButton_Metro.RadButton.rbDisabled:hover,
        html .RadButton.RadButton_Metro.RadButton.rbDisabled:active,
        html .RadButton.RadButton_Metro.RadButton.rbDisabled:focus {
            background-color: transparent;
            background-image: none;
            border: none;
            box-shadow: none;
        }
    </style>

ASPX:

        <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" Skin="Glow"></telerik:RadSkinManager>
        <telerik:RadButton ID="RadButton1" runat="server" ToggleType="Radio" ButtonType="ToggleButton" Checked="true" Enabled="true" />
        <telerik:RadButton ID="RadButton2" runat="server" ToggleType="Radio" ButtonType="ToggleButton" Checked="true" Enabled="false" />
        <telerik:RadButton ID="RadButton3" runat="server" ToggleType="Radio" ButtonType="ToggleButton" Checked="false" Enabled="true" />
        <telerik:RadButton ID="RadButton4" runat="server" ToggleType="Radio" ButtonType="ToggleButton" Checked="false" Enabled="false" />
Approved
Last Updated: 26 Mar 2014 11:03 by ADMIN
For the time being the following CSS workaround can be used:

CSS:

        <style>
            .RadButton.RadButton_Glow.rbSkinnedButton {
                vertical-align: top;
            }
        </style>
Where Glow is the name of the skin that has larger dimensions (e.g., Silk, Glow, etc).
ASPX:

       <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" Skin="Glow"></telerik:RadSkinManager>
        <telerik:RadTextBox runat="server" ID="txtAdminUser" />
        <telerik:RadButton runat="server" ID="btn1" Text="Add" ButtonType="StandardButton" />

Completed
Last Updated: 10 Dec 2013 07:39 by ADMIN
In Q3 2013 the clicking of RadButton is not raised when Enter key is pressed inside a password TextBox and the RadButton is set to be the default button for the form.

The workaround is to put the following JavaScript code below the declaration of the RadButton:

                                        <script type="text/javascript">
                                            Telerik.Web.UI.RadButton.prototype._isInputTypeText = function (element) {
                                                var nodeName = element.nodeName,
                                                  type = element.type;
                                                if (nodeName != "INPUT" || !type) return false;
                                                return type == "text" || type == "password" || type == "email" || type == "number" || type == "url" || type == "search" || type == "tel";
                                            }
                                        </script>
Completed
Last Updated: 18 Nov 2013 15:46 by ADMIN
Currently when the RadButton is clicked and a modal RadWindow that contains another button is opened and then the second button is clicked with enter key, so that it closes the RadWindow, the first RadButton is clicked again. The workaround is to set the Modal property of the RadWindow to false.
Approved
Last Updated: 20 Sep 2013 14:31 by ADMIN
If the Width property of a RadButton is set, its appearance in the Visual Studio 2012 Design view will be broken.

The icons sprite starts showing when the width is sufficiently large, test with different values, e.g. 80px, 100px, 200px, 400px, etc.
Approved
Last Updated: 20 Sep 2013 07:42 by Puriwat
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);
        }

Completed
Last Updated: 04 Sep 2013 07:13 by ADMIN
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".
Approved
Last Updated: 03 Sep 2013 13:40 by Hee
Currently when the RadButton is focused and the Enter key is pressed, the server-side event OnClick is not triggered. When the Enter key is pressed again, the server-side event is executed.

The issue is reproduced when a dialog is opened in OnClientClicking event.

The workaround is to use

-Either the OnClientClicked event
-OR trigger the server click of the RadButton in the OnClientClicking event:
		<script type="text/javascript">
			function OnClientClicking1(sender, args) {

				alert("Client-click triggered");
				sender.click();
			}
		</script>
Approved
Last Updated: 03 Sep 2013 13:30 by ADMIN
When a RadButton is clicked and the following conditions are met:
    -Page validation is not passed
    -Button's postback is cancelled in OnClientClicking event by setting args.set_cancel(true)
the postback of other RadButtons will not be performed.
Completed
Last Updated: 03 Sep 2013 13:29 by Michael
RadButton peforms duplicate requests when:

- A RadButton exists on the page and the form is submitted when a text box is focused and enter key is hit.
- the defaultbutton property of the form is set to the id of the RadButton

For the time being the following functions' override can be used:

        <script type="text/javascript">
            Telerik.Web.UI.RadButton.prototype._isButtonActiveElement = function (eventTarget) {
                var doc = eventTarget && eventTarget.ownerDocument ? eventTarget.ownerDocument : document;
                var activeElement = doc.activeElement;
                if (!activeElement)
                    return false;
                if (activeElement === this.get_element() || $telerik.$.contains(this.get_element(), activeElement))
                    return true;
                return false;
            }

            var originalMouseClickHandler = Telerik.Web.UI.RadButton.prototype._mouseClickHandler;
            Telerik.Web.UI.RadButton.prototype._mouseClickHandler = function (args) {
                if (!this.get_enabled() || this.get_readOnly()) {
                    $telerik.cancelRawEvent(args.rawEvent);
                    return false;
                }

                var eventTarget = args.target ? args.target : args.srcElement;
                if (eventTarget === this.get_element() && !this._isButtonActiveElement(eventTarget) && !$telerik.isTouchDevice) {
                    $telerik.cancelRawEvent(args.rawEvent);
                    this.focus();
                    return false;
                }
                originalMouseClickHandler.call(this, args);
            }
        </script>

The workaround must be placed after the declaration of the RadButton, in order to take effect.
Completed
Last Updated: 20 Mar 2013 12:39 by Demyan
Currently the click event is not triggered when RadButton is focused and enter key is pressed. This behavior is observed in FireFox and WebKit browsers only.
Completed
Last Updated: 20 Mar 2013 12:35 by ADMIN
When the RadButton, validation controls and controls which are to be validated are set with the same ValidationGroup, the validation is performed despite setting RadButton's CausesValidation property to false.
Completed
Last Updated: 20 Mar 2013 12:20 by ADMIN
ADMIN
Created by: Danail Vasilev
Comments: 0
Category: Button
Type: Bug Report
0
Currently it is not possible to focus RadButton through tabbing navigation unless the TabIndex property is set. For the time being TabIndex of 0 can be set, so that the tab order on the page layout is not distracted. For example:

    <script type="text/javascript">
        function pageLoad() {
            //Getting the button's wrapper
            button1 = $find("<%=RadButton1.ClientID %>");
            buttonWrapper = $telerik.$(button1.get_element());

            //Set tabindex attribute to the span element
            buttonWrapper.attr("tabindex", "0");      
        }                 
    </script>

Note that TabIndex=0 is set to the span wrapper element of the RadButton's input with JavaScript as setting RadButton's TabIndex property to 0 will not take effect.
Completed
Last Updated: 07 Mar 2013 03:20 by Imported User
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.
Completed
Last Updated: 27 Feb 2013 12:30 by Eli
When a RadButton with configured ValidationGroup is used on a master page its server-side event 'Click' is not raised in:
-Internet Explorer and Chrome, but FireFox and Opera.
-In all browsers when the master page contains a RadAjaxManager.
1 2 3 4