Completed
Last Updated: 03 Aug 2020 16:27 by John
Release 2020 R2 SP1

Hello All,

I'm using a couple of Radbuttons to enable users to download some forms (in Word). This has stopped working in Chromium based browsers for some reason (new Edge, Chrome). It still works in Internet Explorer. No errors in the browser DevTools and no error on the server either.
It also does not work in Cassini (VS2017).

Not sure where to go from here - can anyone confirm/deny?

TIA - Marcus.

code stub:

<telerik:RadButton ButtonType="LinkButton" RenderMode="Lightweight" ID="btnName" runat="server" Text="Button Text" CssClass="TemplBtn" NavigateUrl="~/assets/someform.docx">
         <Icon PrimaryIconCssClass="rbDownload" />
</telerik:RadButton>

 

Completed
Last Updated: 10 Apr 2019 14:30 by ADMIN
http://demos.telerik.com/aspnet-ajax/button/examples/radiosandcheckboxes/defaultcs.aspx?skin=Material
Completed
Last Updated: 17 Aug 2018 14:35 by Vasssek
Common scenario is to use PrimaryIconCssClass and SecondaryIconCssClass to decorate custom icons. Common situation is using bootstrap's classes for the glyphicons.

In order to workaround this you can use custom CSS rules and define the expected content properties for the before elements. This is an example with bootstrap icons (http://glyphicons.bootstrapcheatsheets.com/). 


<style>
    .rbPrimaryIcon.glyphicon-filter:before,
    .rbSecondaryIcon.glyphicon-filter:before {
        content: "\e138";
    }
</style>

<telerik:RadButton ID="RadButton2" runat="server" 
    Text="Filter" ButtonType="SkinnedButton" 
    Icon-PrimaryIconCssClass="glyphicon glyphicon-filter" >
</telerik:RadButton>

Completed
Last Updated: 11 Oct 2017 14:04 by ADMIN
RadButton configured as an Image button cannot be clicked if a node from a RadTreeView is selected and EnableDragAndDrop property of the RadTreeView is set to true. The issue is reproducible in iPAD.

For the time being either the EnableDragAndDrop property of the RadTreeView can be set to false or the following JavaScript code can be placed after the declaration of the RadTreeView:

<script type="text/javascript">
                    var $T = Telerik.Web.UI;
                    Telerik.Web.UI.RadTreeView.prototype._onDocumentMouseUp = function (e) {
                        if ($telerik.isTouchDevice) {
                            //this._cancelEvent(e);

                            if (this.longTouchID) {
                                clearTimeout(this.longTouchID);
                                this.longTouchID = 0;
                            }
                            this._treeTouchScroll._dragCanceled = false;
                        }

                        this._detachDragDropEvents();

                        if (!this._dragging) {
                            this._initialDragMousePos = null;
                            this._initialDragNode = null;
                            return;
                        }

                        var sourceNodes = this._sourceDragNodes,
                target = $telerik.getTouchTarget(e);

                        var destinationNode = null;
                        if (target == this._dropClue) {
                            // If the event has hit the DropClue we take the node it is attached to
                            destinationNode = this._dropClue.treeNode;
                        }
                        else {
                            destinationNode = this._extractNodeFromDomElement(target);
                        }

                        if (destinationNode) {
                            if (destinationNode._isDescendantOf(this._initialDragNode) || this._initialDragNode == destinationNode) {
                                this._clearDrag();
                                return;
                            }
                        }

                        var htmlElement = target;

                        var eventArgs = new $T.RadTreeNodeDroppingEventArgs(sourceNodes, destinationNode, htmlElement, this._draggingPosition, e);
                        this.raiseEvent("nodeDropping", eventArgs);
                        if (eventArgs.get_cancel()) {
                            this._clearDrag();
                            return;
                        }

                        htmlElement = eventArgs.get_htmlElement();
                        var command = this._getDropCommand(destinationNode, sourceNodes, htmlElement);

                        if (command.commandName) {
                            eventArgs = new $T.RadTreeNodeDroppedEventArgs(sourceNodes, e);
                            this.raiseEvent("nodeDropped", eventArgs);
                            this._postback(command);
                        }

                        this._clearDrag();
                    };
                </script>
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: 01 Jun 2017 12:17 by ADMIN
The blue part of the radio and check buttons is gone in 2017.1.xxx. There is a slight hover highlight, but in general, it is drastically different from the previous version (2016.3.1303).

The new appearance can be seen at

http://demos.telerik.com/aspnet-ajax/radiobuttonlist/examples/overview/defaultcs.aspx?skin=Silk

http://demos.telerik.com/aspnet-ajax/checkboxlist/examples/overview/defaultcs.aspx?skin=Silk 

http://demos.telerik.com/aspnet-ajax/checkbox/overview/defaultcs.aspx?skin=Silk

as well as a comparison between before and after the new release in the attached screenshot.
Completed
Last Updated: 21 Apr 2017 14:10 by ADMIN
Workaraounds:
- Use the Lightweight RenderMode
- OR, use the RadCheckBox control instead

Steps to reproduce:

			<telerik:RadSkinManager runat="server" ID="rsm1" ShowChooser="true"></telerik:RadSkinManager>
			<telerik:RadButton ID="rbFileLink" runat="server" ToggleType="CheckBox" ButtonType="ToggleButton"
							   Checked="true" AutoPostBack="false">
			</telerik:RadButton>
Completed
Last Updated: 01 Feb 2017 13:19 by ADMIN
ADMIN
Created by: Ianko
Comments: 0
Category: Button
Type: Bug Report
0
Having an initially disabled button that is later enabled on the client does not apply the hover effect (rbHovered class is not appended to the DOM element in mouse over). 

You can use RadPushButton instead of RadButton (http://demos.telerik.com/aspnet-ajax/pushbutton/overview/defaultcs.aspx), which works properly in this scneario.
Completed
Last Updated: 19 Jan 2017 09:35 by ADMIN
Completed
Last Updated: 11 Jan 2017 07:09 by ADMIN
Code that reproduces the issue:

        <asp:TextBox ID="Textbox1" runat="server" ValidationGroup="vg1" />
        <telerik:RadButton ID="RadButton1" runat="server" ValidationGroup="vg1" Text="click" />
        <asp:RequiredFieldValidator ID="Requiredfieldvalidator1" ErrorMessage="text box is empty" ControlToValidate="Textbox1" ValidationGroup="vg1" runat="server" />
        <asp:ValidationSummary ID="Validationsummary1" runat="server" ValidationGroup="vg1" ShowMessageBox="true" />
Completed
Last Updated: 18 May 2016 13:44 by Olugbenga
ADMIN
Created by: Danail Vasilev
Comments: 1
Category: Button
Type: Bug Report
0

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