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();
	}
Completed
Last Updated: 16 Oct 2015 14:48 by ADMIN
ADMIN
Created by: Joana
Comments: 2
Category: Button
Type: Feature Request
1

			
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
Completed
Last Updated: 23 Jul 2015 07:23 by Andre Light
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 ;


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
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: 10 Jun 2015 14:07 by eBuild
ADMIN
Created by: Danail Vasilev
Comments: 3
Category: Button
Type: Bug Report
2
SharePoint 2013 applies global styles to the inputs that affect the appearance of the RadButtons.For the time being the styles that SharePoints sets to the inputs can be overriden:

ASPX:
<telerik:RadButton ID="RadButton1" runat="server" Text="RadButton"><Icon PrimaryIconCssClass="rbAdd" /></telerik:RadButton>

CSS:
<style type="text/css">
    .RadButton.RadButton_Default.rbSkinnedButton input {
        padding: 0px 10px 0px 25px;
        border: none;
        margin-left: 0px;
    }
</style>
Completed
Last Updated: 25 May 2015 14:07 by ADMIN
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;
}
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.
Completed
Last Updated: 12 May 2015 11:03 by Elena
For the time being the following JavaScript workaround can be used:
JavaScript:
		function pageLoad() {
			fixImageURL();
		}
		function fixImageURL() {
			var imageBtns = $telerik.$('.rbImageButton');
			for (var i = 0; i < imageBtns.length; i++) {
				var btnStyle = imageBtns[i].getAttribute('style').replace("background-image:url(", "background-image:url('").replace(");", "');");
				imageBtns[i].setAttribute('style', btnStyle);
			}
		}
ASPX:
		<telerik:RadButton ID="RadButton1" runat="server" Width="50px" Height="50px">
			<Image ImageUrl="50x50.png" />
		</telerik:RadButton>
		<telerik:RadButton ID="RadButton2" runat="server" Width="50px" Height="50px">
			<Image ImageUrl="50x50.png" />
		</telerik:RadButton>
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: 11 May 2015 09:53 by Elena
Currently when the RadButton is used as an Image button:

- There is a flickering on mouse over and mouse out.

- During the postback the image of the current or other image buttons disappears on mouse over/mouse out.

The unexpected behavior is observed under Chrome and page is hosted on Cassini. It is caused due to the image requests that Chrome does for each state of the RadButton - normal and hovered.
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: 28 Apr 2015 06:37 by ADMIN
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