This is a duplicate of http://feedback.telerik.com/Project/108/Feedback/Details/210060, see there for a workaround and for status updates.


You can change the DPI settings in Windows from the Display Settings. Setting a size of 125% and clicking on a button will throw a server exception:


-------

Input string was not in a correct format.

Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code. 

Exception Details: System.FormatException: Input string was not in a correct format.

Source Error: 
An unhandled exception was generated during the execution of the current web request. Information regarding the origin and location of the exception can be identified using the exception stack trace below.

Stack Trace: 
[FormatException: Input string was not in a correct format.]
   System.Number.StringToNumber(String str, NumberStyles options, NumberBuffer& number, NumberFormatInfo info, Boolean parseDecimal) +12526913
   System.Number.ParseInt32(String s, NumberStyles style, NumberFormatInfo info) +120
   Telerik.Web.UI.RadImageButton.LoadPostData(String postDataKey, NameValueCollection postCollection) +256
   Telerik.Web.UI.RadWebControl.System.Web.UI.IPostBackDataHandler.LoadPostData(String postDataKey, NameValueCollection postCollection) +16
   System.Web.UI.Page.ProcessPostData(NameValueCollection postData, Boolean fBeforeLoad) +457
   System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +1833

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

An error is thrown when RadButton NavigateUrl is defined in content page with tilde and the master page is up one level.

Workaround: Remove the tilde from the navigate url.

Two possible workarounds are attached

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. 

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>

For the time being you can use the following CSS workaround:
CSS:
	<style>
		.RadButton span.rbText {
			display: inline;
		}
	</style>
ASPX:
		<telerik:RadButton ID="rbACH" runat="server" ToggleType="Radio" ButtonType="StandardButton" GroupName="test" AutoPostBack="false" Text="eCheck" Width="200px" RenderMode="Lightweight">
			<ToggleStates>
				<telerik:RadButtonToggleState Text="eCheck" PrimaryIconCssClass="rbToggleRadioChecked" />
				<telerik:RadButtonToggleState Text="eCheck" PrimaryIconCssClass="rbToggleRadio" />
			</ToggleStates>
		</telerik:RadButton>

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();
	}

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.

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>

RadButton with button type checkbox or radio has incorenct margin in Silk and Glow.

Due to the negative value of the margin, the checkbox/radio button icons are partially hidden.

The following CSS fixes the issue (for Silk skin):
    .rbCheckBox.RadButton_Silk .rbToggleCheckbox.rbIcon, .rbCheckBox.RadButton_Silk .rbToggleCheckboxChecked.rbIcon, .rbCheckBox.RadButton_Silk .rbToggleCheckboxFilled.rbIcon, .rbToggleButton.RadButton_Silk .rbToggleCheckbox.rbIcon, .rbToggleButton.RadButton_Silk .rbToggleCheckboxChecked.rbIcon, .rbToggleButton.RadButton_Silk .rbToggleCheckboxFilled.rbIcon, .rbRadioButton.RadButton_Silk .rbToggleRadio.rbIcon, .rbRadioButton.RadButton_Silk .rbToggleRadioChecked.rbIcon {
    margin: 0 !important ;

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>

You can configure the confirm dialog through a ConfirmText property that defines the confirmation text. The boolean result can be exposed in the arguments of the click event. If there is a RadWindowManager on the same page a radconfirm should be used otherwise - the browser one.

For the time being the functionality can be achieved manually as illustrated in this demo - http://demos.telerik.com/aspnet-ajax/button/examples/confirm/defaultcs.aspx

RadButton with ButtonType="ToggleButton", ToggleType="CheckBox" or ToggleType="Radio" in lightweight mode, renders the icons and the text labels at incorrect position.

For the time being, you can use the following CSS as a workaround:

.RadButton.rbCheckBox span.rbText,
.RadButton.rbRadioButton span.rbText,
.RadButton.rbToggleButton span.rbText {
    vertical-align: initial; /* FF and Chrome */
    vertical-align: auto; /* IE */
}

button.RadButton {
    vertical-align: initial;
    vertical-align: auto;
}