Jump to:

23581 Posts in 19403 Topics by 2893 members

General Questions

SilverStripe Forums » General Questions » Content expand to the second column

General questions about getting started with SilverStripe that don't fit in any of the categories above.

Moderators: martimiz, Sean, biapar, Willr, Ingo, swaiba, simon_w

Page: 1
Go to End
Author Topic: 715 Views
  • moonchild100
    Community Member
    18 Posts

    Content expand to the second column Link to this post

    Hi guys,

    I have a long list in the main Content. And I want two fixed height columns. If the the content reaches the end of left column, then automatically continue the rest of the content in the right column. The difficulties is that I don't want to field for content input since the user won't know when the content reach the height of the left column....

    I have no idea how to do, shouldn't be hard, right?

    Thanks for any help!

  • pipworks
    Community Member
    10 Posts

    Re: Content expand to the second column Link to this post

    Hi, I'm not completely sure what you are describing, but my interpretation of it is that you have a user editable list that is output into the "Content" column, and you want that to be split into two even(ish) columns?

    If what I've described is correct, I'd just render the entire list and then float the list items via CSS

    So for example if your page goes:

    <div id="Content">

    <ul id="The_List">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>


    You could go:

    #The_List li {
    width: 49%;
    float: left;

    I may have totally missed the point, but hope that's of some use if not.

  • FullWebService
    Community Member
    38 Posts

    Re: Content expand to the second column Link to this post

    CSS3 has multi-column support, but a lot of browsers do not. Depending on your audience, this might be a solution.

    For legacy browser support I use jQuery plugins like Columnizer (http://welcome.totheinter.net/columnizer-jquery-plugin/).

    Good luck!

Page: 1
Go to Top

Want to know more about the company that brought you SilverStripe? Then check out SilverStripe.com

Comments on this website? Please give feedback.