Side by side boards.

[Dream]

I'm not sure if this would be better accomplished by a plugin or a template, if it can even be accomplished at all. I would like to have the boards be placed side by side, vs one board per row. If this isn't possible, it's fine.

Ex.
Board 1. Board 2.
Board 3. Board 4.
Board 5. Board 6.

[scrimpytheshrimp]

I would love this as well.

[Dream]

Bump!

[Dream]

Bump!

[Bennett 🚀]

Something like this: asucaregion.proboards.com/ ?

Here's the code:


<table role="grid" width="100%">
<tbody>
{foreach $[board]}
{if !$[board.is_redirect]}
                   {if $[board.odd] == 1}<tr>{/if}
       {if $[board.lastIndex] == $[board.index]}<td valign="top" colspan="3" id="$[board.content_id]" class="$[board.content_class] boardtd">{else}
       <td width="49%" id="$[board.content_id]" class="$[board.content_class] boardtd" valign="top">{/if}
           <div class="board-name">$[board]</div>
           <div class="board-last-post"><span>{if $[board.posts] > 0}
               {if $[board.last_thread]}$[board.last_thread.recent_link] BY $[board.last_thread.last_post.created_by_user] $[board.last_thread.last_post.date]{/if}{/if}</span></div>
           <table width="100%" cellpadding="5px">
               <tr>
                   <td width="70%"><div class="board-description">$[board.description]</div></td>
                   <td width="15%"><div class="board-post-count" title="POSTS">$[board.posts]</div></td>
                   <td width="15%"><div class="board-thread-count" title="THREADS">$[board.threads]</div></td>
               </tr>
           </table>
           {if $[board.num_mods]}
           <div class="moderators">{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}</div>
           {/if}
           {if $[board.sub_board]}
           <div class="sub-boards">{foreach $[board.sub_board]}$[board.sub_board] {/foreach}</div>
           {/if}
           <div class="clear"></div>          
       </td>{if $[board.odd] == 1}{if $[board.lastIndex] != $[board.index]}<td width="2%">&nbsp;</td>{/if}{/if}
{if $[board.even] == 1}</tr>{/if}
{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}
{/foreach}
{if !$[board]}
<tr class="last"><td class="last center" colspan="5">No boards were found.</td></tr>
{/if}
</tbody>
</table>

[Dream]

That's exactly what I was looking for. Thank you so much!

[The Helpee]

Where is this code placed?

[Joachim]

The Helpee
Admin Home> Themes> Layout Templates> Board - make sure you have Board List selected of the four tabs there.

[Misaka]

now which line is this replacing in the board list?

[Joachim]

All of it.

[Misaka]

huh

it doesn't look right

[Joachim]

It looks fine on my end. I've just retried it in my test board and it put boards next to one another by two.

You have to understand that this is just a basic code that will put the boards side by side, everything else, how they look, how the threads might be bordered, as are the posts in another square and the last post above.. that requires more tweaking, through CSS, html and whatever else, through more poking at that very code. The code does it was requested to do, put them side by side and nothing more at this point.

[Misaka]

ah ok

that makes more sense thank you for explaining more in depth

[Joachim]

You're welcome, hopefully if you like the code you can fix it up more to your liking.

[Incompetent Egoist]

Why are they not clickable??