Limit columns

[Peter]

Is it possible to limits the columns in a list view?   Or is that done purely with css height and width?

 

Thanks

[Nikolay]

Hi Peter,

You can target the ListView's elements by the class of the div elements holding the lists of the ListView and change with CSS their width, height or the number of columns to apply. Depending on your project needs you may need to adjust the styles. The below is based on this ListView demo:

   .product
        {
            float: left; //the elements float to the left of its container
            width: 200px; // if the width is smaller more columns will apply
            height: 150px; // specifies the distance between rows
            margin: 0;
            padding: 5px;
            cursor: pointer;
        }

  I hope this helps and if there is anything else , we could help with, please contact us back.

 

Regards,
Nikolay
Progress Telerik