Completed
Last Updated: 11 May 2015 14:51 by Elena
ADMIN
Created by: Danail Vasilev
Comments: 1
Category: Button
Type: Bug Report
0
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>


Completed
Last Updated: 07 Jun 2017 14:30 by ADMIN
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>
Completed
Last Updated: 11 Dec 2014 15:18 by ADMIN
Currently RadButton configured as a toggle radio/checkbox button doesn't accept custom icons to be used because it already has predefined icons. For the time being the ButtonType property can be set to "StandardButton" and its background image can be hidden. For example:
CSS:
<style>
    .RadButton_Default.rbSkinnedButton,
    .RadButton_Default .rbDecorated,
    .RadButton_Default.rbVerticalButton,
    .RadButton_Default.rbVerticalButton .rbDecorated,
    .RadButton_Default .rbSplitRight,
    .RadButton_Default .rbSplitLeft {
        background-image: none !important;
    }
</style>
ASPX:
<telerik:RadButton ID="RadButton3" runat="server" GroupName="OverSampling"
    Text="" ButtonType="StandardButton" ToggleType="Radio" Checked="false" AutoPostBack="false">
    <ToggleStates>
        <telerik:RadButtonToggleState Text="Yes" PrimaryIconUrl="radio6-on.png" Selected="true" />
        <telerik:RadButtonToggleState Text="Yes" PrimaryIconUrl="radio6-off.png" />
    </ToggleStates>
</telerik:RadButton>
 
<telerik:RadButton ID="RadButton4" runat="server" GroupName="OverSampling"
    Text="No" ButtonType="StandardButton" ToggleType="Radio" AutoPostBack="false" Checked="true">
    <ToggleStates>
        <telerik:RadButtonToggleState PrimaryIconUrl="radio6-on.png" Selected="true" />
        <telerik:RadButtonToggleState PrimaryIconUrl="radio6-off.png" />
    </ToggleStates>
</telerik:RadButton>
Completed
Last Updated: 17 Apr 2015 13:46 by ADMIN
Unplanned
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"/>

Completed
Last Updated: 13 Aug 2021 12:21 by ADMIN
Release Q2 2014
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: 13 Aug 2021 12:20 by ADMIN
Release Q1 2016
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>
Completed
Last Updated: 13 Aug 2021 12:20 by ADMIN
Release Q2 2014
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" />
Completed
Last Updated: 13 Aug 2021 12:13 by ADMIN
Release Q2 2015 SP1
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" />
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;
        }
Completed
Last Updated: 17 Apr 2015 13:48 by ADMIN
 Currently the value of RadButton's property 'Width' is not applied correctly and its width is not as specified.
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: 21 Jul 2014 07:16 by ADMIN
 For the time being the following workaround can be used:

ASPX:

       <telerik:RadButton ID="RadButton1" runat="server" Text="Click" NavigateUrl="http://www.google.bg" Target="_blank" ButtonType="LinkButton">
        </telerik:RadButton>
        <script>
            Telerik.Web.UI.Button.NavigationFunctionality.prototype._handleNavigateUrl = function () {
                $ = $telerik.$;
                var that = this,
                    target = that.options.navigateTarget,
                    url = that.options.navigateUrl;

                if (target && target == "_blank")
                    window.open(url);
                if (target && target == "_parent")
                    window.parent.location.href = url;
                if (target && target == "_top")
                    window.parent.location.href = url;
                else if (!target || target == "_self")
                    window.location.href = url;
                else {
                    var targetFrame = $("iframe[name='" + target + "']").get(0)
                                        || $("frame[name='" + target + "']").get(0)
                                        || $("#" + target).get(0);

                    if (targetFrame && targetFrame.tagName.toLowerCase().indexOf("frame") > -1)
                        targetFrame.setAttribute("src", url);
                }
            }
        </script>
Declined
Last Updated: 16 Mar 2015 16:17 by Sylvain
Created by: Sylvain
Comments: 0
Category: Button
Type: Bug Report
0

			
Won't Fix
Last Updated: 19 Oct 2015 14:35 by ADMIN
Declined
Last Updated: 25 Aug 2014 14:21 by ADMIN
Completed
Last Updated: 28 Apr 2015 06:37 by ADMIN
Completed
Last Updated: 13 Aug 2021 12:10 by ADMIN
Release Q2 2015
Completed
Last Updated: 09 May 2016 09:45 by ADMIN
Completed
Last Updated: 19 Jan 2017 09:35 by ADMIN