XF 2.2 Want to display subforums in columns

[djbaxter]

I want to display subforums below main node but the default just displays them in a string.

I would like to display them in 2-4 columns on the main forum index page.

These tips show some examples of how to do it for Xenforo 1.x, although they are not exactly what I want:

Unmaintained - Sub forum Level 2 columns

This will display subforums level 2 in forum_view into a column styled layout. It seems to fair well in responsive and some elements have been hidden for a simpler look to focus on saving space. Bare in mind, use this as a guide as your...

xenforo.com

Unmaintained - Sub-nodes in columns

This is for XenForo 1.1.x. XenForo 1.2.x is unsupported. I do not support this addon anymore. Find templates called 'node_category_level_2' and 'node_forum_level_2'. Within them faind this piece: '

xenforo.com

What CSS can I add to extra.less to get columns to work in XF 2.2?

 

[Paul B]

Something like this added to the extra.less template?

.node-subNodeFlatList > li
{
    margin-right: 0;
    width: 49%;
}

 

[djbaxter]

That did it. Thanks, @Brogan!!

 

[Stardust]

Something like this added to the extra.less template?

.node-subNodeFlatList > li
{
    margin-right: 0;
    width: 49%;
}

Is it possible to sort the items on row basis, starting from A in most left row to Z in most right row?

 

[forumSolution]

Is it possible to sort the items on row basis, starting from A in most left row to Z in most right row?

Hey ,

Can you give me an example what exactly you need?

 

[Paul B]

Nodes are sorted in the ACP.

 

[Stardust]

Hey ,

Can you give me an example what exactly you need?

Thanks for you quick response, I'll try...

With the above code, the items of the sub node list is displayed like this:

Node1
sub-node1 sub-node2
sub-node3 sub-node4
sub-node5 sub-node6

I would prefer it like this:

Node1
sub-node1 sub-node4
sub-node2 sub-node5
sub-node3 sub-node6

Of course I could change the order manually, but then the sorting is "wrong" when you jump to Node1..

Hope this makes it clear.

PS: Can't get the spacing between the "columns" right, sorry..

 

[forumSolution]

Thanks for you quick response, I'll try...

With the above code, the items of the sub node list is displayed like this:

Node1
sub-node1 sub-node2
sub-node3 sub-node4
sub-node5 sub-node6

I would prefer it like this:

Node1
sub-node1 sub-node4
sub-node2 sub-node5
sub-node3 sub-node6

Of course I could change the order manually, but then the sorting is "wrong" when you jump to Node1..

Hope this makes it clear.

PS: Can't get the spacing between the "columns" right, sorry..

I don't think there is default way to do it..do order manually or possible to via custom development.