This is a migrated thread and some comments may be shown as answers.

How do I prevent the RadComboBox from displaying multiple columns

4 Answers 107 Views
ComboBox
This is a migrated thread and some comments may be shown as answers.
Boris
Top achievements
Rank 1
Boris asked on 30 Oct 2012, 08:09 PM
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?

4 Answers, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 2
answered on 31 Oct 2012, 06:05 AM
Hi Boris,

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

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

Hope this helps.

Thanks,
Princy.
0
Boris
Top achievements
Rank 1
answered on 31 Oct 2012, 12:40 PM
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.
0
Boyan Dimitrov
Telerik team
answered on 01 Nov 2012, 11:02 AM
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.

Regards,
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.
0
Boris
Top achievements
Rank 1
answered on 01 Nov 2012, 12:56 PM
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.)
Tags
ComboBox
Asked by
Boris
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Boris
Top achievements
Rank 1
Boyan Dimitrov
Telerik team
Share this question
or