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.
Completed
Last Updated: 17 Apr 2015 13:46 by ADMIN
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: 19 Jun 2015 05:51 by ADMIN
For the time being you can place the following JavaScript workaround at the end of the form:
		<script>
			$T = Telerik.Web.UI;
			$T.RadButton.prototype.initialize = function () {
				var that = this;
				$T.RadButton.callBaseMethod(that, "initialize");

				//if the button is in RTL parent apply rbRtl CSS class to the holding element
				that._setRightToLeft();

				that._createToggleStates();

				that._requestIconsAndImages();

				if (that.get_checked()) {
					that.clearCheckedRadios(that.get_uniqueGroupName());
				}
				$T.registerRadButton(that);

				that._initModules();

				that._initHTML();
				that._attachClickEvent(true);
				if (that.get_enabled() && !that.get_readOnly()) {
					that._attachEvents(true);
				}
				that.updateClientState();
				that.raiseEvent('load', Sys.EventArgs.Empty);
			};
		</script>
Completed
Last Updated: 13 Jul 2015 14:29 by ADMIN
For the time being you can use the following JavaScript workaround:

		<telerik:RadButton ID="radbtnVehicleList" runat="server" Text="Google" Skin="Default" Width="200px"
			NavigateUrl="http://www.telerik.com" ButtonType="LinkButton" AutoPostBack="false" Target="_blank">
		</telerik:RadButton>
		<script>
			Telerik.Web.UI.Button.NavigationFunctionality.prototype = {
				clicked: function (ev) {
					var that = this;

					that.base.clicked(ev);

					that._handleNavigateUrl();
				},

				_handleNavigateUrl: function () {
					var that = this,
						target = that.options.navigateTarget,
						url = that.options.navigateUrl;

					if (!url) return;

					if (target && target == "_blank")
						window.open(url);
					else if (target && target == "_parent")
						window.parent.location.href = url;
					else if (target && target == "_top")
						window.top.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);
						} else if (target) {
							window.open(url, target);
						}
					}
				}

			};
		</script>
Completed
Last Updated: 28 Aug 2015 07:30 by ADMIN
Completed
Last Updated: 15 Jan 2016 17:08 by ADMIN
For the time being you can either set the UseSubmitBehavior property of the button to false or place the following JavaScript workaround below the button's declaration:
ASPX:
	<form id="form1" runat="server">
		<telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
		<asp:UpdatePanel ID="Updatepanel1" runat="server">
			<ContentTemplate>
				<telerik:RadButton ID="RadButton1" runat="server" Text="Click" OnClick="RadButton1_Click" RenderMode="Lightweight" />
				<asp:Label ID="Label1" Text="" runat="server" />
			</ContentTemplate>
		</asp:UpdatePanel>
		<script>
			var $T = Telerik.Web.UI;
			$T.RadButton.prototype._mouseClickHandler = function (args) {
				var button = this, result;
				var target = args.target;
				var e = args.rawEvent;
				var element = button.get_element();

				if (target !== element && $telerik.isDescendant(element, target)) {
					$telerik.cancelRawEvent(e);
					simulateMouseEvent(element, "click", e);
					return;
				}

				try {
					if (button._functionality.clicking(args) && !element.getAttribute("rwOpener")) {
						button._functionality.click(args);
						result = button._functionality.clicked(args);
					}
				}
				finally {
					button._mouseUp(args);
					button._restoreFlags();
					setTimeout(function () { Page_BlockSubmit = false; }, 0);
					return !result ? $telerik.cancelRawEvent(e) : true;
				}
			};

			function simulateMouseEvent(element, eventName, args) {
				var o = $telerik.$.extend({}, args || {});
				var oEvent;

				if (document.createEvent) {//deprecated DOM2 Event Model
					oEvent = document.createEvent("MouseEvents");
					oEvent.initMouseEvent(eventName, o.bubbles, o.cancelable, document.defaultView,
										  o.button, o.screenX, o.screenY, o.clientX, o.clientY,
										  o.ctrlKey, o.altKey, o.shiftKey, o.metaKey, o.button, element);
				}
				else if ("MouseEvent" in window) {//standard DOM3 Event Mode
					oEvent = new MouseEvent('click', o);
				}
				oEvent && element.dispatchEvent(oEvent);

				if (!oEvent) {//IE
					oEvent = extend(document.createEventObject(), o);
					element.fireEvent('on' + eventName, oEvent);
				}

				return element;
			}

			function extend(destination, source) {
				for (var property in source) {
					destination[property] = source[property];
				}
				return destination;
			}
		</script>
	</form>
C#:
	protected void RadButton1_Click(object sender, EventArgs e)
	{
		Label1.Text = DateTime.Now.ToString();
	}
Completed
Last Updated: 29 Feb 2016 08:29 by ADMIN
ADMIN
Created by: Danail Vasilev
Comments: 0
Category: Button
Type: Bug Report
0

			
Completed
Last Updated: 03 May 2016 14:01 by ADMIN
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>
Completed
Last Updated: 28 Apr 2015 06:37 by ADMIN
Completed
Last Updated: 09 May 2016 09:45 by ADMIN
Completed
Last Updated: 19 Jan 2017 09:35 by ADMIN
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: 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: 04 May 2015 13:12 by ADMIN
When RadButton (ButtonType="StandardButton") is set with a particular width, the text of the button is decentralized. Fix the center of this text. For the time being can be used either the new SkinnedButton or the following workaround:

    <style type="text/css">
        .rbDecorated
        {
            padding-left: 6px !important;
            padding-right: 10px !important;
        }
    </style>
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.
Completed
Last Updated: 13 May 2015 07:46 by Elena
RadButton peforms a duplicate request (the second request aborts the first one) when the following conditions are met:

-The page is opened from Visual Studio 2008

- A RadButton exists on the page and the form is submitted when a text box is focused and enter key is hit.

-Default button is not set to the form.

-RadButton's UseSubmitBehavior is set to true

-.NET Framework 3.5 is used.

-The browser is Internet Explorer.

The workaround is to either set Default button for the form or set the UseSubmitBehavior property of the RadButton to false.