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>

Approved
Last Updated: 25 Jul 2018 07:43 by ADMIN
RadButton, RadPushButton and RadLinkButton can have a custom icon URL and CSS class.

When a CSS class is added, the background-image: url() rule is not rendered initially.

It does not matter what the class holds, it can even be empty

If you hover and leave the button, the icon shows up because the inline rule gets rendered.

The RadToggleButton does not manifest this behavior

You can find attached below a simple repro and workarounds
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>
Pending Review
Last Updated: 14 Jul 2017 14:38 by Ruth
Created by: Ruth
Comments: 0
Category: Button
Type: Bug Report
0
Just updated the controls and as usual got bitten by the change.  Very simple, we had a button that changed colors based on a change in an edit page.  The Button remained a White Color if nothing was entered, a Green Color if the fields were all correct and a Red Color if the fields were in error.  The determining factor is all behind the seen analysis on a save which has nothing to do with the Button.  Code behind the scenes sets a db value for the status of the Button. We know that the status is being set correctly because activity allowed or disallowed occurs correctly and that the DB settings having been checked are 100% correct as well.

There are seven Buttons with 7 Entry Pages that are affected and the users are totally confused when there is no visual direction as to the problem.

How do we Fix the Button to change Colors
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>
Declined
Last Updated: 02 Jun 2017 10:23 by ADMIN
Checkbox buttons are missing when ToggleType='CustomToggle' in Lightweight rendering. The issue is introduced in 2017 R1 release.

Code to reproduce:
        <telerik:RadButton runat="server" ID="btnEnableTrace" RenderMode="Lightweight"
            ButtonType="ToggleButton" ToggleType="CustomToggle">
            <ToggleStates>
                <telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleCheckbox"></telerik:RadButtonToggleState>
                <telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleCheckboxChecked"></telerik:RadButtonToggleState>
            </ToggleStates>
        </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>
Won't Fix
Last Updated: 27 Mar 2017 11:01 by ADMIN
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
Under Review
Last Updated: 22 Mar 2017 18:35 by Yasha
When multiple RadButtons (ButtonType="ToggleButton" ToggleType="Radio") are grouped through GroupName property, the server-side property checked doesn't take effect when the button which is to be checked is declared before the current checked button.

The workaround is to execute JavaScript from the server which sets the checked property. For example:

C#:

        string script = "function f(){$find(\"" + RadButton1.ClientID + "\").set_checked(true); Sys.Application.remove_load(f);}Sys.Application.add_load(f);";
        ScriptManager.RegisterStartupScript(this, this.GetType(), "key", script, true);

Pending Review
Last Updated: 02 Feb 2017 11:59 by ADMIN
ADMIN
Created by: Marin Bratanov
Comments: 0
Category: Button
Type: Bug Report
1
select an item from the dropdown, different than "1"
expected: buttons become enabled
actual: radbutton is still disabled

        <asp:Button ID="ButtonTest" runat="server" enabled="true" Text="Test" EnableViewState="False" />
        <telerik:RadPushButton ID="RadButtonTest" runat="server" Text="RadButtonTest" Enabled="True" EnableViewState="False" RenderMode="Lightweight"></telerik:RadPushButton>
        <asp:DropDownList runat="server" ID="DropDownTest" AutoPostBack="True" OnSelectedIndexChanged="SelectedIndexChanged_Test">
            <Items>
                <asp:ListItem Text="1" Value="1"></asp:ListItem>
                <asp:ListItem Text="2" Value="2"></asp:ListItem>
                <asp:ListItem Text="3" Value="3"></asp:ListItem>
                <asp:ListItem Text="4" Value="4"></asp:ListItem>
            </Items>
        </asp:DropDownList>

		protected void Page_LoadComplete(object sender, EventArgs e)
		{
			if (DropDownTest.SelectedValue == "1")
			{
				ButtonTest.Enabled = false;
				RadButtonTest.Enabled = false;
			}
			else//workaround
			{
				string script = string.Format("function f(){{$find('{0}').set_enabled({1});Sys.Application.remove_load(f);}}Sys.Application.add_load(f);",
												 RadButtonTest.ClientID, 
												 "true");
				ScriptManager.RegisterStartupScript(Page, Page.GetType(), "someKey", script, true);
			}
		}

		protected void SelectedIndexChanged_Test(object sender, EventArgs e)
		{
		}
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" />
Approved
Last Updated: 23 Dec 2016 11:08 by ADMIN
Using RequiredFieldValidator with RadButton (ToogleButton type), RadRadioButtons and RadCheckButtons throws a server exception that cannot be validated. 

Workaround:



ASP.NET:

<telerik:RadRadioButtonList ID="RadRadioButtonList1" runat="server" Text="RadRadioButtonList" >

    <Items>
        <telerik:ButtonListItem Text="Item 1" Value="0" />
        <telerik:ButtonListItem Text="Item 2" Value="1" />
    </Items>
</telerik:RadRadioButtonList>
 
<asp:CustomValidator ID="CustomButtonListValidator" ErrorMessage="errormessage"
    runat="server" OnServerValidate="CustomButtonListValidator_ServerValidate" />


C#:

protected void CustomButtonListValidator_ServerValidate(object source, ServerValidateEventArgs args)

{
    args.IsValid = (RadRadioButtonList1.SelectedIndex > -1);
}

Completed
Last Updated: 18 May 2016 13:44 by Olugbenga
ADMIN
Created by: Danail Vasilev
Comments: 1
Category: Button
Type: Bug Report
0

			
Won't Fix
Last Updated: 11 May 2016 08:16 by ADMIN
When a SingleClick RadButton is clicked and its AutoPostBack property is set to false its disabled state as well as the optional text from the SingleClickText property are persisted. For the time being the SingleClick functionality can be set on the client. For example:
ASPX:
		<script type="text/javascript">
			function DoSubscriptionValidation(button, args) {
				var isPostBack = window.confirm("Perform postback?");
				button.set_autoPostBack(isPostBack);
				if (isPostBack) {
					button.set_singleClick(true);
					button.set_singleClickText("Please Wait");
					button.click();
				}
			}
		</script>
		<telerik:RadButton ID="RadButton1" runat="server" Text="Click"
			OnClick="OnClick1" OnClientClicking="DoSubscriptionValidation" />
C#:
	protected void OnClick1(object sender, EventArgs e)
	{
		System.Threading.Thread.Sleep(2000);
	}
Won't Fix
Last Updated: 09 May 2016 11:32 by ADMIN
When a RadButton with a PostBackUrl property set is located inside an UpdatePanel,  it does not redirect to the PostBackUrl on click and a JavaScript error message is thrown.

The workaround is to use:

- Either a RadButton (ButtonType="LinkButton") and set its NavigateUrl to the desired page that is to be redirected
   
-OR a RadButton (ButtonType="StandardButton") and use its OnClientClicking event handler to cancel the postback and redirect to the desired page through window.location.href. For example:

    <script type="text/javascript">
        function OnClientClicking(sender, args) {

            window.location.href = "http://www.bing.com";
            args.set_cancel(true);

        }
    </script>
1 2 3 4