Side By Side Nodes [Deleted]
- Thread starter Dad.
- Start date
DFI
Active member
Sutekh
Member
Is the guy still around? and if not does anyone else know? I really need to figure out a way to fix this.
Oz_Horror
Member
I know this is a little bit old but was wondering whether you ended up finding a solution to this. With our boards there are only certain nodes (categories) that we'd like the boards to be side by side not all of them so if you have found a solution (or if @Mike Creuzer has) it would be greatly appreciated.
CFodder
Well-known member
@Oz_Horror I just use Rellect's addon for this https://xenforo.com/community/resources/rellect-nodes-grid.2562/
See our site HERE that shows you what can be done.
See our site HERE that shows you what can be done.
CFodder
Well-known member
Hi all,
I would like to create a grid view of the nodes with two columns for XF 2.2
I know there are theme's or add-ons with this function, but I would like to learn the XF code.
As guideline I use this resource and with searching the forums and with help from the inspecting elements tool I updated the divs to XF2.2.
However, just updating the divs to XF 2.2 style does not really work.
This code reverts all the changes to default, so I did not use it.
the code I have at the moment (extra.less):
I get two columns. However, it does not really look how it should. See the attached screenshot.
Did I miss something or does XF2.2 require another method to achieve this?
Thanks in advance for any help.
I would like to create a grid view of the nodes with two columns for XF 2.2
I know there are theme's or add-ons with this function, but I would like to learn the XF code.
As guideline I use this resource and with searching the forums and with help from the inspecting elements tool I updated the divs to XF2.2.
However, just updating the divs to XF 2.2 style does not really work.
This code reverts all the changes to default, so I did not use it.
the code I have at the moment (extra.less):
CSS:
.block-body .node--depth2 {float: left; width: 50%;}
.block-body .node--forum, .block-body .node--link, .block-body .node--page {float: left; width: 50%;}
.block-body .node--depth2:nth-child(odd) {
clear: left;
}
/*{xf-helper clearfix, '.block-body'}*/
.block-body .node--depth2 .node-extra {
position: static;
width: auto;
padding-right: 20px;
margin-top: 0;
}
.block-body .node--depth2 .node-main.js-nodeMain {margin-right: 26px;}
.block-body .node--depth2 .nodeControls {right: 8px;}
/* METHOD 2: SIDE BY SIDE FORUM, PAGE, LINK NODES */
@media (min-width: @maxResponsiveMediumWidth) {
/*{xen:helper clearfix, '.node-body'}*/
.block-body .node--depth2 {float: left; width: 50%;}
.block-body .node--depth2:nth-child(odd) {
clear: left;
}
.block-body .node--depth2 .node-extra {
position: static;
width: auto;
padding-right: 20px;
margin-top: 0;
}
.block-body .node--depth2 .node-main.js-nodeMain {margin-right: 26px;}
.block-body .node--depth2 .nodeControls {right: 8px;}
.block-body .node--depth2:last-child:nth-child(odd) {width: 100%;}
.block-body .node--depth2:last-child:nth-child(odd) .node-main.js-nodeMain {
margin-right: 270px;
}
.block-body .node--depth2:last-child:nth-child(odd) .node-extra {
width: 210px;
margin-top: 10px;
position: absolute;
padding-right: 10px;
}
.block-body .node--depth2:last-child:nth-child(odd) .nodeControls {right: 242px;}I get two columns. However, it does not really look how it should. See the attached screenshot.
Did I miss something or does XF2.2 require another method to achieve this?
Thanks in advance for any help.
Attachments
Last edited:
ThemeHouse
Well-known member
This resource has been removed and is no longer available.
