Approved
Last Updated: 07 Jun 2019 07:13 by ADMIN
Created by: Telerik Admin
Comments: 0
Category: FormDecorator
Type: Bug Report
0
 FireFox 65 again changed its behavior and breaks the behavior of our 2019 R1 SP1 release., introducing a fix for the following bug:



If you are using the controls from 2019 R1 SP1 or later, you can use the following workaround in order to make the input elements visible until we include the fix internally:

<style> .t-ff input[type=checkbox].rfdRealInput, .t-ff input[type=radio].rfdRealInput { position: static; } </style>


Approved
Last Updated: 10 Nov 2017 16:29 by ADMIN
We are seeing a JavaScript error when we select an Option in a Select control with a ASP Postback on IE11 via keyboard input.
<%@ Page Language="C#" AutoEventWireup="true" Inherits="System.Web.UI.Page" %>
 
<script runat="server">
    void Page_Load(object sender, EventArgs e)
    {
        decorator.DecoratedControls = FormDecoratorDecoratedControls.Select;
    }
</script>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>DD Test Page</title>
</head>
 
<body>
 
<form id="DialogForm" runat="server">
    <telerik:RadScriptManager runat="server" />
    <telerik:RadAjaxManager runat="server" />
    <telerik:RadFormDecorator ID="decorator" runat="server" DecorationZoneID="Panel1" EnableEmbeddedSkins="false" RenderMode="Lightweight" />
    <telerik:RadAjaxPanel ID="Panel1" runat="server">
        <asp:DropDownList ID="DD1" runat="server" AutoPostBack="true">
            <asp:ListItem Text="[Select]" Value="" />
            <asp:ListItem Text="T1" Value="1" />
            <asp:ListItem Text="T2" Value="2" />
        </asp:DropDownList>
 
        <asp:Button runat="server" Text="Refresh" />
    </telerik:RadAjaxPanel>
</form>
 
</body>
</html>
 
Reproduce by clicking the DropDown control, and then pressing 'T', and then clicking on a blank section of the page.
Approved
Last Updated: 06 Nov 2017 17:21 by ADMIN
Workarounds:
- Use the Lightweight render mode of the FormDecorator;
- Use RadCheckBox instead of asp:CheckBox;
- Use the following styles:
.rfdRadioChecked::before, .rfdRadioUnchecked::before,
.rfdCheckboxChecked::before, .rfdCheckboxUnchecked::before {
    content: none !important;
}
Approved
Last Updated: 03 Oct 2016 07:42 by ADMIN
Actual: text squished to the right, overlaps the dropdown arrow

Expected: text looks normal, just the select is positioned to the right

Workaround:
            .rfdSelect,
            .rfdSelectBoxDropDown
            {
                text-align: left;
            }

            .rfdRtl .rfdSelect
            {
                text-align: right;
            }
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
Approved
Last Updated: 15 Apr 2016 07:21 by ADMIN
FormDecorator changes focus when selection is dragged from one textbox to another in Internet Explorer: http://screencast.com/t/zwtVur2X
Approved
Last Updated: 22 Mar 2016 06:48 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>
Approved
Last Updated: 20 Oct 2015 08:25 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>
Approved
Last Updated: 06 Oct 2015 12:04 by ADMIN
Approved
Last Updated: 06 Oct 2015 06:56 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;

		}
Approved
Last Updated: 16 Feb 2015 12:21 by ADMIN
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>
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>