RadDropDownList size

6 posts, 0 answers
  1. Chris
    Chris avatar
    2 posts
    Member since:
    Mar 2014

    Posted 28 Mar 2014 Link to this post

    Hello,

    I have a RadDropDownList that I would like to enlarge because it should be displayed on a tablet. How can I set a height on the component? 

    If I set the height to 50px in the css class, nothing changes. Is there a property to change?


    Thx
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 28 Mar 2014 in reply to Chris Link to this post

    Hi Chris,

    Please try to set the DropDownHeight property of RadDropDownList to increase the height of the DropDownList as follows.

    ASPX:
    <telerik:RadDropDownList ID="RadDropDownList1" runat="server" DropDownHeight="100px">
        <Items>
            <telerik:DropDownListItem Text="Item1" />
            <telerik:DropDownListItem Text="Item2" />
        </Items>
    </telerik:RadDropDownList>

    Let me know if you have any concern.
    Thanks,
    Princy.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Chris
    Chris avatar
    2 posts
    Member since:
    Mar 2014

    Posted 28 Mar 2014 in reply to Princy Link to this post

    Hello,

    a fixed already the DropDownHeight, but this is the list height. I need to modify the height of the component and the size of the font when the list not unwound.
  5. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 30 Mar 2014 in reply to Chris Link to this post

    Hi Chris,

    Please try the following css which works as expected for me.

    CSS:
    <style type="text/css">
        .RadDropDownList_Default
        {
            height: 30px !important;
            font-size: 16px !important;
        }
        .RadDropDownList_Default .rddlFocused
        {
            height: 30px !important;
            font-size: 16px !important;
        }
    </style>

    Thanks,
    Princy.
  6. J2K
    J2K avatar
    33 posts
    Member since:
    Sep 2005

    Posted 08 Aug 2014 in reply to Princy Link to this post

    Princy's solution does not work for Metro skin
  7. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 10 Aug 2014 in reply to J2K Link to this post

    Hi J2K,

    Please try the below CSS which works fine at my end. Please elaborate your requirement if it doesn't help.

    CSS:
    .RadDropDownList.RadDropDownList_Metro
    {
        height: 30px !important;
        font-size: 16px !important;
    }
    .RadDropDownList_Metro .rddlFocused
    {
        height: 30px !important;
        font-size: 16px !important;
    }

    Thanks,
    Princy.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017