multiple columns vertical instead of horizontal

3 posts, 1 answers
  1. Mario
    Mario avatar
    75 posts
    Member since:
    Jun 2009

    Posted 23 Dec 2010 Link to this post

    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. Answer
    Cori
    Cori avatar
    562 posts
    Member since:
    Jul 2010

    Posted 24 Dec 2010 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Mario
    Mario avatar
    75 posts
    Member since:
    Jun 2009

    Posted 03 Jan 2011 Link to this post

    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!
Back to Top