Change Height of Items in ComboBox

2 posts, 1 answers
  1. Landon
    Landon avatar
    66 posts
    Member since:
    Nov 2010

    Posted 13 Apr 2011 Link to this post

    Hi there,

    I'm currently building a web application to be used on a Tablet/Touch based computer. I've got a lot of RadComboBoxes on my page that are both binded to a DataSource or called by a WebService.  
    The problem is, my ComboBoxes are pulling a multitude of items, and depending on the size of the User's fingers it may be hard for them to select items in the drop-down area of the RadComboBox.

    Is there a way of setting the height of the ComboBox Items? I'm guessing it should just be slight CSS change.

    Here's an example of one of my boxes.

    <telerik:RadComboBox
            runat="server"
            ID="LabourName1"
            Width="180px"
            Skin="WebBlue"
            AllowCustomText="true"
            MaxHeight="200px"
            EmptyMessage="Employee Name"
            CssClass="LabourCell"
            EnableTextSelection="true"
            MarkFirstMatch="true"
            EnableLoadOnDemand="true"
            Filter="Contains">
     
                <webservicesettings path="~/FieldService.asmx" method="GetEmployees" />
                </telerik:RadComboBox>

    Best Regards,

    Landon
  2.
  3. Answer
    Helen
    Admin
    Helen avatar
    1052 posts

    Posted 14 Apr 2011 Link to this post

    Hello Landon,

    Please add the following to your page's head tag:

    <style type="text/css">
            .RadComboBoxDropDown .rcbItem,
            .RadComboBoxDropDown .rcbHovered,
            .RadComboBoxDropDown .rcbDisabled,
            .RadComboBoxDropDown .rcbLoading
            {
                 
                height: 50px;
            }
    </style>



    Regards,
    Helen
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

Back to Top