Completed
Last Updated: 07 May 2015 15:10 by Elena
Completed
Last Updated: 08 Dec 2016 15:07 by Jeff
For the time being you can use the following JavaScript workaround:
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
	<title></title>
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
	<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
</head>
<body>
	<form id="form1" runat="server">
		<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
		</telerik:RadScriptManager>
		<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" />
		<script>
			//Workaround:
			var removeCssClass = Sys.UI.DomElement.removeCssClass;
			Telerik.Web.UI.RadFormDecorator.prototype.set_elementDisabled = function (element, val) {
				var actor = element;
				var nextSibling = element.nextSibling;
				var type = element.type;

				if ((type == "checkbox" || type == "radio") && nextSibling && nextSibling.tagName == "LABEL") {
					actor = nextSibling;
				}
				else if (type == "button" || type == "reset" || type == "submit" || element.tagName == "BUTTON") {
					var parent = element.parentNode;
					if (parent && parent.tagName == "A") {
						actor = parent;
						parent.disabled = val;
					}
				}
				if (val) addCssClass(actor, "rfdInputDisabled");
				else removeCssClass(actor, "rfdInputDisabled");
				try {
					if (!val && $telerik.isIE && actor.parentNode.disabled) {
						actor.parentNode.disabled = val;
					}
				} catch (e) {
				}
			}
		</script>
		<input type="button" value="Test" onclick="Run(); return false;" />
		<div id="TestDiv" style="display: none"></div>
		<script type="text/javascript">
			function Run() {
				$('#TestDiv').dialog({
					modal: true,
					buttons: { "OK": function () { alert('bye'); } }
				});
			}
		</script>
	</form>
</body>
</html>
Completed
Last Updated: 14 Oct 2016 12:42 by ADMIN
Completed
Last Updated: 25 May 2015 14:44 by ADMIN
ADMIN
Created by: Danail Vasilev
Comments: 1
Category: FormDecorator
Type: Bug Report
1

			
Approved
Last Updated: 22 Apr 2016 12:33 by Richard
The appearance of disabled inputs in the markup is not updated in IE11. For the time being you can manually set the corresponding disabled CssClasses, using the approach from this help article:

http://www.telerik.com/help/aspnet-ajax/formdecorator-troubleshooting-input-appearance-is-not-updated-when-disabled-in-internet-explorer.html
Completed
Last Updated: 12 Mar 2014 15:18 by ADMIN
For the time being the following CSS workaround can be used:

    <style>
        .rfdSelect.rfdSelect_Default {
            min-height: 1.417em;
        }
    </style>
Completed
Last Updated: 26 Sep 2016 13:44 by ADMIN
When a page has FormDecorator with configured DecoratedControls="All" and a <select> element present on the page, clicking over an SVG causes a JS error.The issue is reproducible in Firefox.

video: http://screencast.com/t/FfrGSxCV


Approved
Last Updated: 12 Feb 2014 16:34 by Aarsh
Issue is reproducible with the following markup:

ASPX:

<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" RenderMode="Lightweight" />

        <select>
            <option>option 1</option>
            <option selected="selected"></option>
        </select>


For the time being the following JavaScript workaround can be placed below the RadFormDecorators' declaration:

        <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" RenderMode="Lightweight" />
        <script>
            Telerik.Web.UI.FormDecorator.LightWeightDomDecorator.prototype.setSelectHeaderText = function (decoratedSelectHeader, text, isDropDown) {
                if (isDropDown) {
                    decoratedSelectHeader.innerHTML = "";
                    var span = this._createArrowSpan();
                    decoratedSelectHeader.appendChild(span);
                    decoratedSelectHeader.appendChild(document.createTextNode(text));
                } else {
                    var innerElement = $telerik.getElementByClassName(decoratedSelectHeader, "rfdSelectText");
                    if (text) text = text.replace(/</g, "&lt;");
                    if (innerElement) innerElement.innerHTML = text;
                }
            }
        </script>
Completed
Last Updated: 05 May 2015 15:08 by Aarsh
For the time being the following CSS can be used:

    <style>
        .rfdSelectBox.rfdSelectBox_Default.rfdSelectBoxDropDown {
            z-index: 4007;
        }
    </style>

Where 'Default' is the name of the skin.
Completed
Last Updated: 03 Feb 2014 12:53 by ADMIN
ADMIN
Created by: Danail Vasilev
Comments: 0
Category: FormDecorator
Type: Bug Report
1
Buttons decorated by RadFormDecorator have 16 additional pixels. Issue is reproducible since Q3 2013 and is caused due to the box-sizing and -moz-box-sizing styles. For the time being one of the following workarounds can be used:

1) Override the box-sizing style:

CSS:

    <style>
        .RadForm, .RadForm.rfdTextbox .rfdDecorated {
            box-sizing: border-box !important;
            -moz-box-sizing: border-box !important;
        }
    </style>

ASPX:

        <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" />
        <div style="margin: 20px; margin-bottom: 0; border: 2px solid Black; height: 15px; width: 168px;"></div>
        <div style="position: absolute; margin: 10px; margin-top: 0; padding: 10px; padding-top: 0;">
            <div>
                <asp:Button ID="Button1" runat="server" Text="Cancel" TabIndex="1" Width="80px" UseSubmitBehavior="false" />
                <asp:Button ID="Button2" runat="server" Text="Save" TabIndex="2" Width="80px" UseSubmitBehavior="false" />
            </div>
        </div>
2) Set the rendermode of the FormDecorator to lightweight:

ASPX:

        <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" RenderMode="Lightweight" />
        <div style="margin: 20px; margin-bottom: 0; border: 2px solid Black; height: 15px; width: 168px;"></div>
        <div style="position: absolute; margin: 10px; margin-top: 0; padding: 10px; padding-top: 0;">
            <div>
                <asp:Button ID="Button1" runat="server" Text="Cancel" TabIndex="1" Width="80px" UseSubmitBehavior="false" />
                <asp:Button ID="Button2" runat="server" Text="Save" TabIndex="2" Width="80px" UseSubmitBehavior="false" />
            </div>
        </div>
Completed
Last Updated: 18 Feb 2014 13:00 by ADMIN
For the time being you can either skip the selects elements from decoration:

ASPX:

        <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" ControlsToSkip="Select" />
        <div id="div1">
            <telerik:ReportViewer ID="ReportViewer1" runat="server" Height="492px" Width="927px"></telerik:ReportViewer>
        </div>


Or decorate only particular zone that do not include the ReportViewer:

ASPX:
        <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" DecorationZoneID="div2" />
        <div id="div1">
            <telerik:ReportViewer ID="ReportViewer1" runat="server" Height="492px" Width="927px"></telerik:ReportViewer>
        </div>
        <div id="div2">
            <input type="text" name="name" value=" " />
            <select>
                <option>option1</option>
                <option>option2</option>
                <option>option3</option>
            </select>
        </div>
Completed
Last Updated: 11 Aug 2015 14:06 by ADMIN
Completed
Last Updated: 21 Jul 2014 08:11 by ADMIN
In Q3 2013 Firefox and Chrome freeze when a container with a select element is made visible with JavaScript and RadFormDecorator is present on the page.

The issue will be fixed for the upcoming Q3 2013 SP1. For the time being possible workarounds are:

    - Setting the ControlsToSkip property of the RadFormDecorator to "Select".
    - OR placing the provided JavaScript code from the attached archive below the declaration of the RadFormDecorator.

Sample scenarios that reproduce the issue are:

    - Expanding an inner item from a RadPanelBar. The RadPanelBar has multiple Items that contain select elements and a RadFormDecorator is present on the page.
    - JavaScript is used to set the display property of a container with a select element to "block" for example, multiple containers with select elements are present on the page and RadFormDecorator is used. For example:
JavaScript:

<script type="text/javascript">
    function pageLoad() {
        $get("div1").style.display = "block";
    }
</script>

ASPX:

<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" />
<div id="div1" style="display: none;">
    <select>
        <option>text1</option>
        <option>text2</option>
        <option>text3</option>
    </select>
</div>
<div id="div2" style="display: none;">
    <select>
        <option>text1</option>
        <option>text2</option>
        <option>text3</option>
    </select>
</div>
Declined
Last Updated: 01 Nov 2013 13:06 by ADMIN
Rejected with the following comment:

When trying to enable/disable an input element that is decorated with RadFormDecorator, the disabled attribute must be set to the DOM input element and not to the JavaScript input object, in order for the RadFormDecorator to take effect. For example:
ASPX:
<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" />
<telerik:RadButton ID="RadButton1" runat="server" AutoPostBack="false" OnClientClicked="disableCheckBox" Text="click" />
<input type="checkbox" id="checkbox" name="name" value="sdf" checked="checked" />
JavaScript:
function disableCheckBox() {
    var checkbox1 = $telerik.$('#checkbox');
    //Either
    //checkbox1.prop('disabled', 'disabled');
    //OR
    checkbox1[0].disabled = true;
}
In IE there is an issue with the disabled property of the DOM elements, when it comes to tracking it. This issue is reproduced only when the element is enabled and should become disabled. The other way around the tracking is working, i.e. if the select is disabled it can be enabled and IE will raise an event about it. This is a browser issue and there is nothing that can be done on our side to work around it.
Completed
Last Updated: 05 May 2015 13:28 by Elena
The disabled inputs should be darker so it is visually clear that you cannot enter text in them. This does not happen with some skins (e.g. Windows7) with the lightweight rendermode.
Completed
Last Updated: 06 Jun 2016 10:01 by ADMIN
When decorated button is disabled on the client, its appearance is not changed under IE10. The issue is related only to the visual appearance and not to the functionality of the decorated button.
Completed
Last Updated: 05 May 2015 09:58 by Koen
Completed
Last Updated: 04 Sep 2013 14:51 by ADMIN
ADMIN
Created by: Danail Vasilev
Comments: 0
Category: FormDecorator
Type: Bug Report
0
A possible workaround is to avoid the decoration of button controls by setting RadFormDecorator's ControlsToSkip property to "Buttons". 
Won't Fix
Last Updated: 25 Apr 2016 12:48 by ADMIN
Won't Fix
Last Updated: 14 Jan 2016 18:03 by ADMIN
ADMIN
Created by: Rumen
Comments: 1
Category: FormDecorator
Type: Bug Report
0

			
1 2 3