Approved
Last Updated: 20 Feb 2018 15:37 by Peter
ADMIN
Created by: Pero
Comments: 2
Category: Button
Type: Feature Request
8
Improve the SplitButton functionality so it is easier to use. Also provide a way for easier integration of ContextMenu with SplitButton as shown in the following demo: http://demos.telerik.com/aspnet-ajax/button/examples/splitbutton/defaultcs.aspx
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.
Approved
Last Updated: 11 Nov 2015 00:13 by Ikbum Kim
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);
        }

Approved
Last Updated: 03 Jul 2014 14:40 by Rick Atkinson
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" />
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: 23 Jul 2014 08:28 by ADMIN
For the time being the following workaround can be used:
		<script>
			function OnClientClicked() {
				alert('OnClientClicked');
			}

			function OnClientClicking() {
				alert('OnClientClicking');
			}

			function fixBtnClicked(sender, args) {
				sender._useModules = false;
			}

		</script>
		<telerik:RadButton ID="RadButton1" runat="server" ButtonType="LinkButton" Text="Click" OnClientLoad="fixBtnClicked" Target="_parent" NavigateUrl="http://www.google.com" OnClientClicked="OnClientClicked" OnClientClicking="OnClientClicking" />
Approved
Last Updated: 16 Oct 2014 15:51 by ADMIN
Approved
Last Updated: 28 Jul 2015 13:46 by ADMIN
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.
Approved
Last Updated: 23 Dec 2016 11:08 by ADMIN
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);
}

Approved
Last Updated: 25 Jul 2018 07:43 by ADMIN
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
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: 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: 25 Mar 2014 09:24 by ADMIN
ADMIN
Created by: Danail Vasilev
Comments: 0
Category: Button
Type: Feature Request
0
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"/>

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" />

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>
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: 29 Apr 2015 14:38 by Jon
ADMIN
Created by: Danail Vasilev
Comments: 1
Category: Button
Type: Bug Report
0
For the time being the following workaround can be used:

CSS:

    <style>
     .RadButton.RadButton_Metro.rbSkinnedButton:focus input.rbDecorated {
            background-color: #25A0DA !important;
        }
    </style>

        <telerik:RadSkinManager ID="RadSkinManager1" runat="server" Skin="Metro"></telerik:RadSkinManager>
        <telerik:RadTextBox ID="RadTextBox1" runat="server"></telerik:RadTextBox>
        <telerik:RadButton ID="RadButton1" runat="server" Text="click" />
Approved
Last Updated: 11 May 2015 14:12 by ADMIN
Approved
Last Updated: 23 Nov 2015 11:52 by Giuseppe
The icon of a checkbox button appears over the text when the configured width is not enough to display them both on one line in Classic render mode.