Change height of kendoDropDownList widget

4 posts, 0 answers
  1. aborg
    aborg avatar
    5 posts
    Member since:
    Apr 2012

    Posted 04 Dec 2012 Link to this post

    I am trying to find a property of the DropDownList that will set the actual height of the widget itself. I found the height property that appears to set the height of the dropdown portion of the control but I want to adjust how tall the widget itself is. Is this something that can be set?
  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 06 Dec 2012 Link to this post

    Hi Brian,

    You can set the actual height of the DropDownList through using custom CSS. For example: 
    <style>
    .k-dropdown .k-dropdown-wrap{
        height: 47px;
    }
    </style>          

    I hope the suggested approach fits your requirements. 

    Regards,

    Iliana Nikolova
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. UI for ASP.NET MVC is VS 2017 Ready
  4. Alan
    Alan avatar
    32 posts
    Member since:
    Jan 2011

    Posted 07 Nov 2013 Link to this post

    What would be the best practice for a certain control?
               .customCSS 
                    .k-dropdown .k-dropdown-wrap
                    {
                        height: 40px;
                    }
    <div id="kendoDropDownList" class="customCSS" />

    Does not work.
    Thank you
  5. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 07 Nov 2013 Link to this post

    Hi Alan,

    The following CSS selector should help to achieve the desired outcome: 

    .customCSS.k-dropdown .k-dropdown-wrap{
        height: 40px;
    }
    Regards,
    Iliana Nikolova
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top
UI for ASP.NET MVC is VS 2017 Ready