Pending Review
Last Updated: 29 Nov 2017 18:37 by SUNIL
ISSUE: 

Screenshot of this issue can be seen at https://goo.gl/c9WriW
Also, a video of this can be seen at https://goo.gl/d4nnKq

This issue occurs in Lightweight or Mobile render mode. In classic render mode, this issue does not exist.

HOW TO REPRODUCE:

Use the following page markup to reproduce this problem.

<%@ Page Language="C#" AutoEventWireup="true" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
   
</head>
<body>
    <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
            <Scripts>
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js"></asp:ScriptReference>
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js"></asp:ScriptReference>
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js"></asp:ScriptReference>
            </Scripts>
        </telerik:RadScriptManager>
        <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" RenderMode="Lightweight" Skin="MetroTouch">
            <TargetControls>
                <telerik:TargetControl ControlID="RadFormDecorator1" />
            </TargetControls>
        </telerik:RadSkinManager>
        <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" RenderMode="Lightweight" ControlsToSkip="None" />
        <select id="ddl2" runat="server" style="width: 175px;">
            <option value=""></option>
            <option value="dallas">Dallas</option>
            <option value="chicago">Chicago</option>
            <option value="toronto">Toronto</option>
            <option value="austin">Austin</option>
        </select>

        <button id="btn1">Postback</button>

    </form>
</body>
</html>

RESOLUTION:
Add the following style in your aspx head part based on the skin you are using for FormDecorator.

If skin is any one these big skins -  MetroTouch or BlackMetroTouch or Material or Silk or Glow or Bootstrap, then use the style below.
    <style>
        div.rfdSelectBox ul li {
            min-height: 16px;
        }

        .rfdSelect {
            min-height: 32px !important;
        }
    </style>

For all other skins, use the style element as below.

    <style>
        div.rfdSelectBox ul li {
            min-height: 16px;
        }

        .rfdSelect {
            min-height: 32px;
        }
    </style>
</head>
Pending Review
Last Updated: 29 Nov 2017 18:32 by SUNIL
ISSUE:  Screenshot of this issue can be seen at https://goo.gl/F8C73V. 

This issue occurs in classic render mode when an option has long text that gets truncated instead of being wrapped.

HOW TO REPRODUCE:
Use the following page code to reproduce it. Expand the drop down and notice that the option just after None is truncated and not wrapped.

<%@ Page Language="C#" AutoEventWireup="true"%>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
            <Scripts>
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js"></asp:ScriptReference>
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js"></asp:ScriptReference>
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js"></asp:ScriptReference>
            </Scripts>
        </telerik:RadScriptManager>
        <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" RenderMode="Classic" Skin="MetroTouch">
            <TargetControls>
                <telerik:TargetControl ControlID="RadFormDecorator1" />
            </TargetControls>
        </telerik:RadSkinManager>
        <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" RenderMode="Classic" ControlsToSkip="None" />
        <select id="dd1" style="width: 200px;">
            <option value="none">None</option>
            <option value="volvo">Volvo sdsd sdsd ddsds  sddsd dsdsd sdds sdsd sdsdsd sdsd sds ddsd xyz</option>
            <option value="saab">Saab</option>
            <option value="mercedes">Mercedes</option>
            <option value="audi">Audi</option>
        </select>

        <button id="btn1">Postback</button>
      
    </form>
</body>
</html>


RESOLUTION:
Put the following style in head part of your aspx page. This will fix this issue.

    <style>
        div.rfdSelectBox ul li {
            height: unset;
            height: none;/*for ie and edge*/
            height: auto;
        }
    </style>
Pending Review
Last Updated: 29 Nov 2017 18:33 by SUNIL
Created by: SUNIL
Comments: 1
Category: FormDecorator
Type: Bug Report
0
ISSUE: Screenshot of this issue can be seen at :
(1) https://goo.gl/knpdiq 
(2) and also at https://goo.gl/8tDqKe. 

The issue is that the drop down width is not matching the width of top part when a select element is styled by FormDecorator. I am using the latest version i.e. 2017.3 913.

HOW TO REPRODUCE: 
Go to the demo page of FormDecorator at http://demos.telerik.com/aspnet-ajax/formdecorator/examples/overview/defaultcs.aspx.
Expand the only select element on this demo page and you will notice that drop down width is not matching the top part width.

RESOLUTION: 
When I tried to resolve this problem, I came up with a solution that works across all skins and render modes as well as all modern browsers of Chrome, Firefox, Opera, Edge + IE 9,10 and 11. 

The solution involves overriding the method Telerik.Web.UI.RadFormDecorator.prototype._expandHeader.  JavaScript for overriding this method is given in attached file. Just copy this script and paste in anywhere in your aspx page to resolve this issue.
Pending Review
Last Updated: 15 Aug 2016 19:56 by mmbm
Created by: mmbm
Comments: 0
Category: FormDecorator
Type: Feature Request
1
I noticed that RadFormDecorator does not handle checkboxes in a RadListBox. I had to use an item template. It would be nice if it automatically decorated them.
Thanks!