Completed
Last Updated: 09 May 2016 09:45 by ADMIN
Completed
Last Updated: 03 May 2016 14:12 by ADMIN
Completed
Last Updated: 03 May 2016 14:02 by ADMIN
ADMIN
Created by: Ivan Danchev
Comments: 0
Category: Button
Type: Bug Report
5
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. 
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: 17 Mar 2016 15:09 by ADMIN
Pending Review
Last Updated: 11 Mar 2016 13:09 by ADMIN
A JavaScript error is thrown when a button with AutoPostback enabled on the client-side is clicked in IE.

Note: The error is thown only when the AutoPostback is enabled in the ClientClicked event handle, but not in ClientClicking.

JavaScript error:
SCRIPT5007: Unable to get property 'controlState' of undefined or null reference
File: ScriptResource.axd, Line: 658, Column: 38
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: 15 Jan 2016 17:09 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();
	}
Won't Fix
Last Updated: 05 Jan 2016 16:44 by ADMIN
When the focus of the RadButton is set on the server-side, the active element becomes the inner input and not the span wrapper of the button. 
For the time being the client-side focus can be set. For example:

       	<telerik:RadButton ID="serverFocusBtn" runat="server" RenderMode="Classic" Text="Postback" TabIndex="0" OnClientLoad="btn_load" />
        <script type="text/javascript">
            function btn_load(btn) {
                btn.focus();
            }                 
        </script>
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.
Approved
Last Updated: 11 Nov 2015 00:13 by Ikbum Kim
Won't Fix
Last Updated: 02 Nov 2015 15:01 by ADMIN
Won't Fix
Last Updated: 19 Oct 2015 14:35 by ADMIN
Completed
Last Updated: 13 Oct 2015 15:48 by ADMIN
Currently the default height of RadButton with Silk skin and CssClass="rbPrimaryButton" is 28px. The correct height must be auto, so that the text inside the RadButton can be wrapped when it is longer and no height is specified. For the time being the following CSS workaround can be used:
CSS:
        span.RadButton.RadButton_Silk.rbLinkButton.rbPrimaryButton {
            height: auto;
        }
ASPX:

            <telerik:RadButton ID="RadButton1" runat="server" Skin="Silk" ButtonType="SkinnedButton" Text="aaaaaaaaaaa bbbbbbbbbbbbbb cccccccccccc" Width="200px" CssClass="rbPrimaryButton" />
            <telerik:RadButton ID="RadButton3" runat="server" Skin="Silk" ButtonType="SkinnedButton" Text="aaaaaaaaaaa bbbbbbbbbbbbbb cccccccccccc" Width="200px" CssClass="rbSecondaryButton" />
Completed
Last Updated: 29 Sep 2015 10:20 by Dan
When the PrimaryIconUrl and PrimaryHoveredIconUrl properties of the RadButton are set and a dialog is opened when OnClientClicked event is triggered, the button's icon from the hovered image persists. This behavior is observed only in FireFox.
Completed
Last Updated: 28 Aug 2015 07:30 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.
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: 19 Jun 2015 16:00 by Tony