Completed
Last Updated: 06 Jun 2016 10:03 by ADMIN
For the time being you can use the following workaround:
		<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All"  RenderMode="Lightweight"/>
		<input id="mycb" type="checkbox" name="name" value="check here" title="some title" />
		<script>
			Telerik.Web.UI.RadFormDecorator.prototype.configureLabel = function (label, input) {
				if (!label.id) label.setAttribute("id", "_rfdSkinned" + input.id);
				input.setAttribute("_rfddecoratedID", label.id);

				input._rfddecoratedID = label.id;
				if (input.id)
					label.setAttribute("for", input.id);

				input.className = "rfdRealInput";

				if (!input.myLabel) input.myLabel = label;
				label.className = this._skin;

				//check if the text attribute is missing a value (i.e. the innerHTML of the <label> is null) and add &nbsp; so as the label becomes clickable
				if (label.innerHTML == "") {
					label.innerHTML = "&nbsp;";
				}

				var type = input.type;
				var inputName = type.charAt(0).toUpperCase() + type.substring(1);

				if (input.checked) {
					//removed the rendering of skin name from the rendered className string
					label.className = " rfd" + inputName + "Checked";
				}
				else {
					//removed the rendering of skin name from the rendered className string
					label.className = " rfd" + inputName + "Unchecked";
				}

				//check if the input is disabled (disabled="disabled")
				if (input.disabled) {
					//append a "disabled" class if the control is disabled
					label.className += " " + INPUT_DISABLED_CSSCLASS;
					label.setAttribute('disabled', 'disabled');
				}
				if (input.title != "") {
					label.setAttribute('title', input.title);
				}
			}
		</script>
Completed
Last Updated: 08 Jun 2022 07:25 by ADMIN
FormDecorator changes focus when selection is dragged from one textbox to another in Internet Explorer: http://screencast.com/t/zwtVur2X
Completed
Last Updated: 22 Jun 2022 10:34 by ADMIN
For the time being the following workaround can be used:
CSS:
	<style type="text/css">
		@media screen and (-webkit-min-device-pixel-ratio: 0) {
			.RadForm.rfdRadio input[type="radio"] + label,
			.RadForm.rfdCheckbox input[type="checkbox"] + label {
				display: inline !important;
				vertical-align: bottom !important;
			}
		}


		.RadForm.rfdCheckbox .rfdCheckboxChecked + label, 
		.RadForm.rfdCheckbox .rfdCheckboxUnchecked + label,
		.RadForm.rfdRadio .rfdRadioChecked + label, 
		.RadForm.rfdRadio .rfdRadioUnchecked + label {
			display: inline !important;
		}
	</style>
ASPX:
	<form id="form1" runat="server">
		<telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
		<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" RenderMode="Lightweight" />
		<input id="myRadio" type="radio" name="name" value="val1" />
		<label for="myRadio">some long text some long text some long text some long text some long text some long text</label>
		<br />
		<input id="myCheckBox" type="checkbox" name="name" value="val2" />
		<label for="myCheckBox">some long text some long text some long text some long text some long text some long text</label>
	</form>
Completed
Last Updated: 19 Jan 2016 10:56 by ADMIN
            <telerik:RadSkinManager runat="server" ID="RadSkinManager1" ShowChooser="true" Skin="Bootstrap"></telerik:RadSkinManager>
            <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All"  RenderMode="Lightweight" />

            <asp:DropDownList ID="Dropdownlist1" runat="server" Width="300px">
                <asp:ListItem Text="text1" />
                <asp:ListItem Text="This is long text" />
                <asp:ListItem Text="text2" />
            </asp:DropDownList>
            <asp:Button ID="Button1" Text="text" runat="server" />

Expected: the decorated DDL is 300px wide in all skins and all font sizes

Actual: the decorated DDL is 275px wide with the Bootstrap skin.
Declined
Last Updated: 01 Dec 2015 09:30 by ADMIN
For the time being the select can be skipped from decoration:
<telerik:RadFormDecorator runat="server" ID="rfd" DecoratedControls="All" ControlsToSkip="Select"/>

There is also a script attached that provides a workaround for this issue.
Completed
Last Updated: 22 Feb 2022 14:47 by ADMIN
ADMIN
Created by: Danail Vasilev
Comments: 0
Category: FormDecorator
Type: Bug Report
0
For the time being you can use the following CSS workaround:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
	<title></title>
	<style>
		.RadForm.rfdButton input[disabled="disabled"].rfdDecorated {
			background-position: left -22px !important;
		}
	</style>
</head>
<body>
	<form id="form1" runat="server">
		<telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
		<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" />
		<asp:Button ID="Button1" Text="text" runat="server" Enabled="false" />
	</form>
</body>
</html>
Declined
Last Updated: 20 Jun 2022 15:02 by ADMIN
ADMIN
Created by: Danail Vasilev
Comments: 0
Category: FormDecorator
Type: Bug Report
0
For the time being you can manually increase the width of the decorated select:
ASPX:
		<script>
			function pageLoad() {
				increaseWidth($telerik.$('.rfdSelect'), 68);
			}
			function increaseWidth(element, increase) {
				element.css('width', parseInt(element.css('width').replace('px', '')) + increase + 'px');
			}
		</script>
<telerik:RadFormDecorator ID="decor" runat="server" DecoratedControls="All" Skin="BlackMetroTouch"  />
<asp:DropDownList ID="ddlASPNET" runat="server"></asp:DropDownList>
C#:
		protected void Page_Load(object sender, EventArgs e)
		{
			var dt = Getdata();

			ddlASPNET.DataSource = dt;
			ddlASPNET.DataTextField = "Name";
			ddlASPNET.DataValueField = "ID";
			ddlASPNET.DataBind();
		}

		private DataTable Getdata()
		{
			DataTable dt = new DataTable();
			dt.Columns.Add("ID");
			dt.Columns.Add("Name");

			for (int i = 1; i <= 100; i++)
			{
				DataRow dr = dt.NewRow();
				dr["ID"] = i.ToString();
				if (i % 2 > 0)
					dr["Name"] = string.Format("Test Name # {0}", i);
				else
					dr["Name"] = string.Format("aaaaaaaaaaaaaa bbbbbbbbbbbbbTest Name Unmodule # {0}", i);

				dt.Rows.Add(dr);
			}
			return dt;

		}
Completed
Last Updated: 08 Jun 2022 08:25 by ADMIN
Completed
Last Updated: 16 Jul 2018 11:25 by ADMIN
A workaround is to add a CSS rule that provides a contrasting background color for the decorated checkbox. For example:

		.RadForm_Bootstrap .RadGrid .rfdToggleImage
		{
			background-color: white;
		}

This applies to Q3 2015 with RenderMode=Lightweight for the RadFormDecorator control. Older versions should be upgraded to the latest.
Completed
Last Updated: 06 Oct 2015 14:56 by ADMIN
ADMIN
Created by: Danail Vasilev
Comments: 0
Category: FormDecorator
Type: Bug Report
0
Issue is reproducible with the code below:

1) Run the code below.

2) Click on "Postback" button or select an item from the dropdown.

3) A sever-side error is thrown - "Collection was modified; enumeration operation may not execute."

ASPX:

    <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
        <telerik:RadButton ID="RadButton1" runat="server" Text="Postback" />

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

        <telerik:RadDropDownList ID="cbListeLigue" DataSourceID="DetailsViewDataSource" DefaultMessage="Choisir une ligue" runat="server" AutoPostBack="True" DataTextField="CustomerID" DataValueField="CustomerID" Text="Ligue"></telerik:RadDropDownList>

        <asp:SqlDataSource runat="server" ID="DetailsViewDataSource" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
            ProviderName="System.Data.SqlClient" SelectCommand="Select [CustomerID], [CompanyName], [Address], [City], [PostalCode], [Country] From [Customers]"
            OldValuesParameterFormatString="original_{0}" ConflictDetection="CompareAllValues" />

        <asp:SqlDataSource runat="server" ID="FormViewDataSource" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
            ProviderName="System.Data.SqlClient" SelectCommand="SELECT [OrderID], [CustomerID], [EmployeeID],[OrderDate] FROM [Orders] WHERE ([CustomerID] = @CustomerID)"
            OldValuesParameterFormatString="original_{0}" ConflictDetection="CompareAllValues">
            <SelectParameters>
                <asp:ControlParameter ControlID="cbListeLigue" Name="CustomerID" PropertyName="SelectedValue"
                    Type="String"></asp:ControlParameter>
            </SelectParameters>
        </asp:SqlDataSource>

        <telerik:RadGrid ID="rGrid_ListeSaison" runat="server"
            DataSourceID="FormViewDataSource" AllowFilteringByColumn="True">
            <MasterTableView DataKeyNames="CustomerID" AutoGenerateColumns="false"
                DataSourceID="FormViewDataSource">
                <Columns>
                    <telerik:GridDateTimeColumn DataField="OrderDate" UniqueName="OrderDate">
                    </telerik:GridDateTimeColumn>
                    <%--<telerik:GridBoundColumn DataField="CustomerID" UniqueName="CustomerID"></telerik:GridBoundColumn>--%>
                </Columns>
            </MasterTableView>
        </telerik:RadGrid>
    </form>

You can choose one of the following workarounds:

1) Set the ControlsToSkip="GridFormDetailsViews,LoginControls,ValidationSummary"  property of the decorator.

2) Set the AllowFilteringByColumn property of the grid to false.

3) Remove the GridDateTimeColumn column of the grid.
Completed
Last Updated: 08 Jan 2016 14:53 by ADMIN
Workaround - Set the EnableScriptCombine property of RadScriptManager to false or remove RadFormDecorator.


Completed
Last Updated: 27 Aug 2015 07:57 by ADMIN
Workaround - set the ControlsToSkip="Select" property of the decorator:
ASPX:
		<telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
		<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" ControlsToSkip="Select" />
		<asp:DropDownList ID="Dropdownlist1" runat="server">
			<asp:ListItem Text="text1" />
			<asp:ListItem Text="text2" />
		</asp:DropDownList>
		<telerik:RadHtmlChart ID="RadHtmlChart1" runat="server" Width="600" Height="400">
			<PlotArea>
				<Series>
					<telerik:ColumnSeries Name="Series 1">
						<SeriesItems>
							<telerik:CategorySeriesItem Y="30" />
							<telerik:CategorySeriesItem Y="10" />
							<telerik:CategorySeriesItem Y="20" />
						</SeriesItems>
					</telerik:ColumnSeries>
				</Series>
				<XAxis>
					<LabelsAppearance RotationAngle="33"></LabelsAppearance>
					<Items>
						<telerik:AxisItem LabelText="Item 1" />
						<telerik:AxisItem LabelText="Item 2" />
						<telerik:AxisItem LabelText="Item 3" />
					</Items>
				</XAxis>
			</PlotArea>
		</telerik:RadHtmlChart>
Completed
Last Updated: 27 Aug 2015 06:17 by ADMIN
Workaround - avoid scrollbar decoration:

<telerik:RadFormDecorator runat="server" ID="rfd1" DecoratedControls="All" Skin="Default" ControlsToSkip="Scrollbars" />

Reproduction Steps:

1) Open the code below in Chrome with Telerik UI 2015.2.729 version.

2) Scroll till you reach the second blue div with the button.

3) Click the button to make an AJAX request.

4) Actual - the page is scrolled to the end of the first inner div. Expected - the page should not be scrolled.

       <telerik:RadFormDecorator runat="server" ID="rfd1" DecoratedControls="All" Skin="Default" />
        <div style="width: 600px; height: 500px; border: 3px solid green; overflow: scroll;">
            <div style="height: 1000px; border: 3px solid red;"></div>
            <asp:UpdatePanel ID="Updatepanel1" runat="server">
                <ContentTemplate>
                    <div style="height: 300px; border: 3px solid blue;">
                        <telerik:RadButton ID="RadButton1" runat="server" Text="Click" />
                    </div>
                </ContentTemplate>
            </asp:UpdatePanel>
        </div>
Completed
Last Updated: 19 Aug 2015 07:05 by ADMIN
Completed
Last Updated: 28 Jul 2015 08:44 by ADMIN
ADMIN
Created by: Danail Vasilev
Comments: 0
Category: FormDecorator
Type: Bug Report
1
The issue is reproducible when you add a CSS class, responsible for styling the scrollbars, too lately and can also be reproduced on a page that contains no Telerik UI for ASP.NET AJAX controls:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style>
        .RadForm.rfdScrollBars.RadForm_WebBlue div::-webkit-scrollbar,
        .RadForm.rfdScrollBars.RadForm_WebBlue div::-webkit-scrollbar-thumb:vertical,
        .RadForm.rfdScrollBars.RadForm_WebBlue div::-webkit-scrollbar-thumb:horizontal {
            background-color: red !important; /* choose your color */
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
        <script>
            setTimeout(function () {
                Sys.UI.DomElement.addCssClass(document.documentElement, "RadForm RadForm_WebBlue rfdScrollBars");
            }, 10);
        </script>
        <div id="testDiv" style="overflow: scroll; height: 200px; width: 300px">
            <table>
                <tr style="height: 500px;">
                    <td></td>
                </tr>
            </table>
        </div>
    </form>
</body>
</html>

If you remove the timeout, however, the issue will be gone:

        <script>
        //    setTimeout(function () {
                Sys.UI.DomElement.addCssClass(document.documentElement, "RadForm RadForm_WebBlue rfdScrollBars");
         //   }, 10);
        </script>

Possible workarounds for scenarios when the RadFormDecorator control is involved:

    1) Remove the scorllbars styling by setting the ControlsToSkip property to "Scrollbars".

<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" ControlsToSkip="Scrollbars" />

     2) Use the following JavaScript workaround:
	<form id="form1" runat="server">
		<telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
		<telerik:RadSkinManager ID="RadSkinManager1" runat="server" Skin="Glow"></telerik:RadSkinManager>
		<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" ControlsToSkip="Scrollbars" />
		<script>
			//JavaScript workaround:
			Telerik.Web.UI.RadFormDecorator.removeGlobalClassesToRootElement = function (rootElement) {
				rootElement.className = rootElement.className.replace(/rfdRtl|RadForm_\w+|rfdButton|rfdZone|rfdLabel|rfdHeading|rfdTextbox|rfdTextarea|rfdFieldset|rfdRadio|rfdCheckbox|rfdGrids/g, "").trim();
			};
			Sys.UI.DomElement.addCssClass(document.documentElement, "RadForm RadForm_<%=RadSkinManager.GetCurrent(this.Page).Skin%> rfdScrollBars");
		</script>
		<div id="testDiv" style="overflow: scroll; height: 200px; width: 300px">
			<table>
				<tr style="height: 500px;">
					<td></td>
				</tr>
			</table>
		</div>
	</form>
Completed
Last Updated: 14 Sep 2021 12:32 by ADMIN
Release Q1 2015
For the time being you can use the following CSS:
    <style>
        a.rfdSelect.rfdSelect_Default {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    </style>
ASPX:
        <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" RenderMode="Lightweight" />
        <asp:DropDownList ID="Dropdownlist1" runat="server">
            <asp:ListItem Value="" Text="(Not Completed)">
            </asp:ListItem>
            <asp:ListItem Value="2" Text="Equipment Note ttttttttttt tttttttttt tt tt" Selected="true">
            </asp:ListItem>
            <asp:ListItem Value="3" Text="Test">
            </asp:ListItem>
            <asp:ListItem Value="4" Text="Hello">
            </asp:ListItem>
        </asp:DropDownList>
Completed
Last Updated: 25 Nov 2015 09:05 by Rach