Two Categories Next To Each Other:

[Former Member]

Hey! Is there a way my forum: forumofcolumbo.boards.net could have two categories side to side?

[masterlegobuilders]

@henny4315
Assuming you want all the categories to be side by side, pasting this in the Home template should work:

<div style="display: inline-block; width: 48%; vertical-align: top;">
This goes below the top {foreach} tag

</div>
This goes before the {/foreach} tag.

Also, hey Henny

[Former Member]

Nov 3, 2017 10:06:02 GMT -8 masterlegobuilders said:

@henny4315
Assuming you want all the categories to be side by side, pasting this in the Home template should work:

<div style="display: inline-block; width: 48%; vertical-align: top;">
This goes below the top {foreach} tag

</div>
This goes before the {/foreach} tag.

Also, hey Henny

Hey! THANK YOU SO MUCH!  How about each board?

[Scott]

Nov 3, 2017 11:32:30 GMT -8 @henny4315 said:

Nov 3, 2017 10:06:02 GMT -8 masterlegobuilders said:

@henny4315
Assuming you want all the categories to be side by side, pasting this in the Home template should work:
Also, hey Henny

Hey! THANK YOU SO MUCH!  How about each board?

You might check out this thread: support.proboards.com/thread/600333/tabbed-boards

[masterlegobuilders]

Nov 3, 2017 11:32:30 GMT -8 @henny4315 said:

Nov 3, 2017 10:06:02 GMT -8 masterlegobuilders said:

@henny4315
Assuming you want all the categories to be side by side, pasting this in the Home template should work:
Also, hey Henny

Hey! THANK YOU SO MUCH!  How about each board?

No problem Do you mean in each category on the home page, or 2 boards displayed next to each other in the thread list? (The page that appears when you click on a board)

[Former Member]

Nov 4, 2017 6:30:16 GMT -8 masterlegobuilders said:

Nov 3, 2017 11:32:30 GMT -8 @henny4315 said:

Hey! THANK YOU SO MUCH!  How about each board?

No problem Do you mean in each category on the home page, or 2 boards displayed next to each other in the thread list? (The page that appears when you click on a board)

In each category?

[masterlegobuilders]

Nov 4, 2017 14:58:55 GMT -8 @henny4315 said:

Nov 4, 2017 6:30:16 GMT -8 masterlegobuilders said:

No problem Do you mean in each category on the home page, or 2 boards displayed next to each other in the thread list? (The page that appears when you click on a board)

In each category?

Right, I've had a little crack at it, and the biggest problem is that with two categories already side by side, there just isn't really enough room for two boards to appear side by side as well. Increasing your forum width might fix that, but even then, it will still be very cramped

[Former Member]

Nov 11, 2017 6:12:21 GMT -8 masterlegobuilders said:

Nov 4, 2017 14:58:55 GMT -8 @henny4315 said:

In each category?

Right, I've had a little crack at it, and the biggest problem is that with two categories already side by side, there just isn't really enough room for two boards to appear side by side as well. Increasing your forum width might fix that, but even then, it will still be very cramped

How about if it was only two boards side by side and not category?

[masterlegobuilders]

Nov 20, 2017 3:48:00 GMT -8 @henny4315 said:

Nov 11, 2017 6:12:21 GMT -8 masterlegobuilders said:

Right, I've had a little crack at it, and the biggest problem is that with two categories already side by side, there just isn't really enough room for two boards to appear side by side as well. Increasing your forum width might fix that, but even then, it will still be very cramped

How about if it was only two boards side by side and not category?

Assuming you haven't made any changes to the board list template, pasting this in should work:

SPOILER: Click to show

<div>
<table style="width: 49%; float: left;" class="list" role="grid">
<thead>
<tr>
<th class="icon"></th>
<th class="main">Board</th>
<th class="threads">Threads</th>
<th class="posts">Posts</th>
<th class="latest last">Last Post</th>
</tr>
</thead>
<tbody>
{foreach $[board]}
{if $[board.even]}
{if !$[board.is_redirect]}
<tr id="$[board.content_id]" class="$[board.content_class]">
<td class="icon">$[board.icon]</td>
<td class="main clickable">
<span class="link">$[board]</span>{if $[board.num_viewing]}<span class="viewing"> - $[board.num_viewing] Viewing</span>{/if}<br />
<p class="description">$[board.description]</p>
{if $[board.num_mods]}
<p class="moderators">
Moderator{if $[board.num_mods] != 1}s{/if}:
{foreach $[board.moderator_group]}$[board.moderator_group.comma_before] $[board.moderator_group]{/foreach}{if $[board.moderator]}{if $[board.moderator_group]}, {/if}{/if}
{foreach $[board.moderator]}$[board.moderator]$[board.moderator.comma] {/foreach}
</p>
{/if}
{if $[board.sub_board]}
<p class="sub-boards">
Sub-board{if $[board.sub_board] != 1}s{/if}:
{foreach $[board.sub_board]}<a href="$[board.sub_board.href]">$[board.sub_board.name]</a>$[board.sub_board.comma] {/foreach}
</p>
{/if}
</td>
<td class="threads">{if $[board.threads] == -1}N/A{else}$[board.threads]{/if}</td>
<td class="posts">{if $[board.posts] == -1}N/A{else}$[board.posts]{/if}</td>
<td class="latest last">
{if $[board.posts] > 0}
{if $[board.last_thread]}
$[board.last_thread.recent_link]<br />
by $[board.last_thread.last_post.created_by]<br />
<span class="date">$[board.last_thread.last_post.created_on]</span>
{/if}
{else}
No posts have been made on this board.
{/if}
</td>
</tr>
{else}
<tr id="$[board.content_id]" class="$[board.content_class]">
<td class="icon">$[board.icon]</td>
<td class="main clickable redirect last" colspan="4">
<span class="link">$[board]</span><br />
<p class="description">$[board.description]</p>
</td>
</tr>
{/if}
{/if}
{/foreach}
{if !$[board]}
<tr class="last"><td class="last center" colspan="5">No boards were found.</td></tr>
{/if}
</tbody>
</table>
<table style="width: 49%; margin-left: 5px; float: right;" class="list" role="grid">
<thead>
<tr>
<th class="icon"></th>
<th class="main">Board</th>
<th class="threads">Threads</th>
<th class="posts">Posts</th>
<th class="latest last">Last Post</th>
</tr>
</thead>
<tbody>
{foreach $[board]}
{if $[board.odd]}
{if !$[board.is_redirect]}
<tr id="$[board.content_id]" class="$[board.content_class]">
<td class="icon">$[board.icon]</td>
<td class="main clickable">
<span class="link">$[board]</span>{if $[board.num_viewing]}<span class="viewing"> - $[board.num_viewing] Viewing</span>{/if}<br />
<p class="description">$[board.description]</p>
{if $[board.num_mods]}
<p class="moderators">
Moderator{if $[board.num_mods] != 1}s{/if}:
{foreach $[board.moderator_group]}$[board.moderator_group.comma_before] $[board.moderator_group]{/foreach}{if $[board.moderator]}{if $[board.moderator_group]}, {/if}{/if}
{foreach $[board.moderator]}$[board.moderator]$[board.moderator.comma] {/foreach}
</p>
{/if}
{if $[board.sub_board]}
<p class="sub-boards">
Sub-board{if $[board.sub_board] != 1}s{/if}:
{foreach $[board.sub_board]}<a href="$[board.sub_board.href]">$[board.sub_board.name]</a>$[board.sub_board.comma] {/foreach}
</p>
{/if}
</td>
<td class="threads">{if $[board.threads] == -1}N/A{else}$[board.threads]{/if}</td>
<td class="posts">{if $[board.posts] == -1}N/A{else}$[board.posts]{/if}</td>
<td class="latest last">
{if $[board.posts] > 0}
{if $[board.last_thread]}
$[board.last_thread.recent_link]<br />
by $[board.last_thread.last_post.created_by]<br />
<span class="date">$[board.last_thread.last_post.created_on]</span>
{/if}
{else}
No posts have been made on this board.
{/if}
</td>
</tr>
{else}
<tr id="$[board.content_id]" class="$[board.content_class]">
<td class="icon">$[board.icon]</td>
<td class="main clickable redirect last" colspan="4">
<span class="link">$[board]</span><br />
<p class="description">$[board.description]</p>
</td>
</tr>
{/if}
{/if}
{/foreach}
{if !$[board]}
<tr class="last"><td class="last center" colspan="5">No boards were found.</td></tr>
{/if}
</tbody>
</table>
</div>

You should be able to tweak it to make it prettier or whatever, but that's the basic thing