How do I prevent the RadComboBox from displaying multiple columns

5 posts, 0 answers
  1. Boris
    Boris avatar
    289 posts
    Member since:
    Oct 2012

    Posted 30 Oct 2012 Link to this post

    I'm well aware that the combobox has some fairly complicated capabilities.  But for now I just don't have the time to explore them.

    What do I have to do to get the dropdown list to behave normally?  i.e.  A single vertical list of choices?
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 31 Oct 2012 Link to this post

    Hi Boris,

    I suppose you want a normal dropdown as follows. Please elaborate your scenario if you need any other functionalities.

    <telerik:RadComboBox ID="RadComboBox1" EmptyMessage="Select" runat="server"  >
        <telerik:RadComboBoxItem Text="one" Value="1" />
        <telerik:RadComboBoxItem Text="two" Value="2" />
        <telerik:RadComboBoxItem Text="three" Value="3" />

    Hope this helps.

  3. Boris
    Boris avatar
    289 posts
    Member since:
    Oct 2012

    Posted 31 Oct 2012 Link to this post

    This is exactly what I'm talking about.  Your example does not work. 

    If I put it in a FormTemplate as is, I get nothing.  (It won't drop down.)

    If I add the height property, I get what you see in the attached image.
  4. Boyan Dimitrov
    Boyan Dimitrov avatar
    2062 posts

    Posted 01 Nov 2012 Link to this post

    Hello Boris,

    Default RadComboBox behavior is vertical drop-down list with items.
    In case of using templates I would like to recommend you to check this help article.
    Could you please elaborate a bit more on your scenario?
    • Please check our online demos, where you might find a scenario that fits your needs. 
    • Providing a sample project or your code would be very helpful in order to inspect your issue.
    Looking forward for your reply.

    Boyan Dimitrov
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  5. Boris
    Boris avatar
    289 posts
    Member since:
    Oct 2012

    Posted 01 Nov 2012 Link to this post

    Found it.

    I've done almost nothing with styling.  (In fact I need to review CSS.)

    I put a plain web page on the project and the dropdown behaved normally. 

    I put it on a page derived from master page and it displays horizontally.

    Apparently the problem is a bit of CSS left over from the original default web project that I left in to keep a link menu horizontal.
     li {            
            float: right;
            list-style-type: none;
            padding: 0.2em 1em;

    (A few minutes later.  Problem solved.  I ripped out the old-fashioned menu and used a RadMenu instead.  No more local css in the master page.)
Back to Top