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

multiple columns vertical instead of horizontal

2 Answers 64 Views
ComboBox
This is a migrated thread and some comments may be shown as answers.
Mario
Top achievements
Rank 2
Mario asked on 23 Dec 2010, 03:53 PM
Hello and marry xmas and so on ;)

my multiple columns show up like that:

. DataItem.field1
. DataItem.field2
. DataItem.field3

instead of

. DataItem.field1 | . DataItem.field2 | . DataItem.field3

i went through the demo page example code and css multiple times but i dnot know why my ul, li, li, li ... does'nt want to show up horizontal as in the demo.

Hope u can help me.

Maybe tell me which part of the code/css/asp makes this behavoir happen.

thx Mario

2 Answers, 1 is accepted

Sort by
0
Accepted
Cori
Top achievements
Rank 2
answered on 24 Dec 2010, 02:15 PM
Hello Mario,

The css style that makes them appear in a row is this:

.col1, .col2, .col3
{
    float: left;
    width: 110px;
    margin: 0;
    padding: 0 5px 0 0;
    line-height: 14px;
}

Based on the width you set for the columns and the available you width you set for the drop-down, will affect how they render, which is most likely why they appear one after the other in your case.

If you need more help, post your RadComboBox declaration so we can see how your setting up the Multi-Column template.

I hope that helps.
0
Mario
Top achievements
Rank 2
answered on 03 Jan 2011, 11:07 AM
thanks Cori.

choosing 100% as width interfered with the correct solution. Now i declared the width in px and it works.

Happy new year!

cheers Mario!
Tags
ComboBox
Asked by
Mario
Top achievements
Rank 2
Answers by
Cori
Top achievements
Rank 2
Mario
Top achievements
Rank 2
Share this question
or