DropdownList 100% width not resizing using RadFormDecorator

5 posts, 0 answers
  1. Web team
    Web team avatar
    57 posts
    Member since:
    Mar 2010

    Posted 14 May 2010 Link to this post

    Hello,

    I am having problem with my dropdownlist. I set the the width to 100% and my page design is fluid. when i resize my browser it the dropdownlist width does not follow. As a result the dropdown overshoot the margin as shown on the attached image. 

    I tried removing the radformdecorator and it worked just fine. However I want to be consistent on my design and continue using radformdecorator.

    thanks
  2. Web team
    Web team avatar
    57 posts
    Member since:
    Mar 2010

    Posted 16 May 2010 Link to this post

    anyone please? thanks
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Petio Petkov
    Admin
    Petio Petkov avatar
    825 posts

    Posted 17 May 2010 Link to this post

    Hello,

    RadFormDecorator is designed to work with fixed layouts only, and it cannot decorate controls that have their size set in percent values. We might support percent values in the future, however for now our suggestion is to either use fixed dimensions, or not to decorate elements with relative size.

    All the best,
    Petio Petkov
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  5. Web team
    Web team avatar
    57 posts
    Member since:
    Mar 2010

    Posted 17 May 2010 Link to this post

     I tested all other controls (grid, textbox, combobox, and a lot of other asp.net and telerik controls) and they work well with defined percent value. It is only the dropdownlist I am having problem with. Cant we have any workaround to this? it seemed like a bug than a limitation in my opinion.
  6. Petio Petkov
    Admin
    Petio Petkov avatar
    825 posts

    Posted 20 May 2010 Link to this post

    Hello Arnold Castro,

    The RadFormDecorator and RadDock controls are created to be used for fixed layout - their dimensions should be set in pixels.
    A simple workaround for the DropDownList is to set width to 100% in the rfdSelect css class, e.g.
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <head id="Head1" runat="server">
        <title></title>
        <style type="text/css">
            .rfdSelect
            {
               width:100% !important;
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" Skin="Black" />
        <div style="width:600px;height:200px;border:2px solid red">
            <asp:DropDownList ID="ddList1" runat="server">
                <asp:ListItem Text="Item1"></asp:ListItem>
                <asp:ListItem Text="Item2"></asp:ListItem>
                <asp:ListItem Text="Item3"></asp:ListItem>
            </asp:DropDownList>
        </div>
      
        </form>
    </body>
    </html>
    Hope this helps.

    Greetings,
    Petio Petkov
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017