XenForo Endless 2 Column NodeList

[Cryptaline]

~~~~~~~~~~~UPDATE: SOLVED~~~~~~~~~~~~~~~
Solution for endless 2 Column NodeList

.sectionMain
{
overflow: hidden;
}

.node .nodeText
{
margin-right: 0 !important;
}

.node .nodeLastPost,
.node .tinyIcon
{
display: none !important;
}

.node .forum.level_2,
.node .page.level_2,
.node .category_forum.level_2,
#forums > .level_2 ,
.node.groupNoChildren
{
width: 200px; (Add your own width**********)
display: inline-block;
min-height: 70px;
}

.nodeList .node.level_1
{
clear: both;
}

.nodeList .subForumsPopup
{
display: none;
}

.forum_view .nodeList .forumNodeInfo, .forum_view .nodeList .pageNodeInfo, .forum_view .nodeList .linkNodeInfo
{
width: 200px; (Add your own width**********)
display: inline-block;
}

And the result is (you can manage it for 2/3 or even more columns):



~~~~~~~~~~~~OLD~~~~~~~~~~~~~~~
We already have some properties relised for 2 Column NodeList on main page:
http://xenforo.com/community/resources/2-column-node-list.917/

.sectionMain
{
    overflow: hidden;
}
 
.node .nodeText
{
    margin-right: 0 !important;
}
 
.node .nodeLastPost,
.node .tinyIcon
{
    display: none !important;
}
 
.node .forum.level_2,
.node .page.level_2,
.node .category_forum.level_2
{
    width: 49%;
    float: left;
    min-height: 70px;
}
 
.nodeList .node.level_1
{
    clear: both;
}
 
.nodeList .subForumsPopup
{
    display: none;
}
 
.forum_view .nodeList .forumNodeInfo, .forum_view .nodeList .pageNodeInfo, .forum_view .nodeList .linkNodeInfo
{
    width: 49%;
    float: left;
}

However, this work only for a main/sub forum page. When you come inside of sub-sub forum and this forum has some extra subs properties don't work correctly, e.g:

What i really need is some help with writing this code for endless 2 Column NodeLists. Any ideas guys?

 

[Arty]

Try replacing this

.node .forum.level_2,
.node .page.level_2,
.node .category_forum.level_2

with

.node .forum.level_2,
.node .page.level_2,
.node .category_forum.level_2,
#forums > .level_2

 

[Cryptaline]

Good idea, works fine with sub-sub-sub etc. However, need to find a solution when you have sub-sub-category-sub because it still looks like on a screen above.

 

[Arty]

Try adding .node.groupNoChildren to that list

.node .forum.level_2,
.node .page.level_2,
.node .category_forum.level_2,
#forums > .level_2 ,
.node.groupNoChildren

 

[Cryptaline]

Have tried already. Wont to work

 

[Arty]

Can you post your forum url?

 

[Naatan]

Try removing "float: left" and using "display: inline-block".

inline-block adds some margin on the sides, which you can easily work around by adding "margin-left: -4px" or similar.

If your layout is fixed width your node widths should also be fixed, using percentages within fixed width parents is just asking for trouble.

 

[Cryptaline]

Damn, i was thinking exactly about inline-blocks! Thx Natan and Arty
Now everything works perfect, final code is:

.sectionMain
{
overflow: hidden;
}

.node .nodeText
{
margin-right: 0 !important;
}

.node .nodeLastPost,
.node .tinyIcon
{
display: none !important;
}

.node .forum.level_2,
.node .page.level_2,
.node .category_forum.level_2,
#forums > .level_2 ,
.node.groupNoChildren
{
width: 200px; (Add your own width**********)
display: inline-block;
min-height: 70px;
}

.nodeList .node.level_1
{
clear: both;
}

.nodeList .subForumsPopup
{
display: none;
}

.forum_view .nodeList .forumNodeInfo, .forum_view .nodeList .pageNodeInfo, .forum_view .nodeList .linkNodeInfo
{
width: 200px; (Add your own width**********)
display: inline-block;
}

 

[Cryptaline]

Probably its a good idea to save this info somewhere else to let all pll find it very quick.

 

[Naatan]

Not to make your work redundant but:

http://xenforo.com/community/resources/2-column-node-list.917/
http://xenforo.com/community/resources/sub-nodes-in-columns.580/

 

[Cryptaline]

Yup i have already metioned about these guys @ the top of the topic. However their code don't support endless subs. Probably i will repost this solution right in to their topics.

 

[Naatan]

Yup i have already metioned about these guys @ the top of the topic. However their code don't support endless subs. Probably i will repost this solution right in to their topics.

Ok, maybe I'm miss-understanding .. what do you mean by endless subs? An unlimited amount of sub-forums?

I have not used either of the modifications I linked to, do they support only up to a certain amount?

 

[Cryptaline]

Yes, http://xenforo.com/community/resources/2-column-node-list.917/ supports only main page + the first subforum page only. Plus this wont work with sub-sub-category-sub setup which means somwhere deep inside of your forum 2 columns still will stay in one column. (To be honest it looks ugly). And here comes the solution, endless 2 Column NodeList which grants 2 column design everywhere on your forums.

 

[Naatan]

Ok, I see what you mean. I guess most people don't recurse their forums/categories too much so it's not an issue for them

 

[Cryptaline]

Yep, but its always good to have 100% working properties.

 

[Cryptaline]

Final result:

 

[Naatan]

Honestly, you should reduce the forum description length and make the amount of lines they use up consistent. It just looks kind of bad like that.

 

[Cryptaline]

Mb in the future. However its not that bad as u think

 

[RobinHood]

You should really get rid of that overlay that forces you to like your Facebook group. It appears on every single page and makes you wait 15 seconds!

I imagine that will alienate lots of users.

Your theme is really cool though, I like how you've done your avatars.

 

[Cryptaline]

FB connect appears each refresh, however it dissapear forever when you push to like. We using some cookies. Im thinking to add some extra features in to it.
Yeah, not so bad style i know