Combo box size too large

4 posts, 0 answers
  1. Fahmi
    Fahmi avatar
    4 posts
    Member since:
    Jun 2011

    Posted 21 Jun 2011 Link to this post

    The RadCombox I am using has only two values "AND" and "OR". How do I make the combo box shorter?
    Please have a look at the attached screen shot and the corresponding code block below:

    <telerik:RadComboBox ID="drpFilterType" runat="server" AutoPostBack="true" EnableViewState="true"
               Width="100px" Skin="Default"  MarkFirstMatch="True">                              
      <Items>
          <telerik:RadComboBoxItem Text="AND" Selected="true" Value="AND"/>
          <telerik:RadComboBoxItem Text="OR" Value="OR"/>
       </Items>
    </telerik:RadComboBox>
  2. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 21 Jun 2011 Link to this post

    Hello Fahmi,

    I tested the issue that you encounter and the RadComboBox does take the size that is given when using the Width property. Please take a look at the sample page that I have attached. Do you apply any other styles to some outer div for example that may be preventing this property to render correctly?

    Greetings,
    Kate
    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.

  3. Fahmi
    Fahmi avatar
    4 posts
    Member since:
    Jun 2011

    Posted 21 Jun 2011 Link to this post

    Hi Kate,

    Actually I was looking for a way to remove the extra space below the dropdown options. Please refer to the new attachment.

    --Fahmi 
  4. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 24 Jun 2011 Link to this post

    Hi Fahmi,

    In general the RadComboBox control gets the height of the DropDown depending on the number of items that are placed in it. However, to explicitly set its height you could use the following css class selector.
    <style type="text/css">
       .RadComboBoxDropDown .rcbScroll {
       height: 100px !important;
       }   
       </style>

    All the best,
    Kate
    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