How to Change Sub-Board Position

[BlueRaine]

I want to change the position of sub-boards to be positioned under the main board after you clicked on the main board.
How do you do that?

[Kami]

Mar 14, 2021 9:54:19 GMT -8 BlueRaine said:

I want to change the position of sub-boards to be positioned under the main board after you clicked on the main board.
How do you do that?

I assume you mean on the home page? As in, if you click the main board, it would expand and reveal the sub board?

If that is the case, it's not possible. You can have a link to the sub board on the home page in the board description of the parent board, but you cannot make a sub board appear as a board on the main page.

If this isn't what you mean, could you elaborate? 

[BlueRaine]

No that's not what I mean. I really don't know how else to explain it. Click here to see what I mean. You'll notice those sub-boards are positioned at the top of the parent board. I want know if there is a way for the sub-boards to be positioned under its parent board.

[Kami]

Mar 14, 2021 11:51:09 GMT -8 BlueRaine said:

No that's not what I mean. I really don't know how else to explain it. Click here to see what I mean. You'll notice those sub-boards are positioned at the top of the parent board. I want know if there is a way for the sub-boards to be positioned under its parent board.

Oh, so you mean under the threads and stuff?

[Retread]

Hi BlueRaine

If I correctly understand what you desire, you should be able to make a modification to the Board layout template on a theme to change the order. But let's take a few moments to clarify exactly what you want.

When you view a Board, do you want the Thread List to appear at the top, followed by the listing of Sub-boards (if the board does have sub-boards), then the Legend and Stats?

Something like this?

[BlueRaine]

Mar 14, 2021 12:13:18 GMT -8 Retread said:

Hi BlueRaine

If I correctly understand what you desire, you should be able to make a modification to the Board layout template on a theme to change the order. But let's take a few moments to clarify exactly what you want.

When you view a Board, do you want the Thread List to appear at the top, followed by the listing of Sub-boards (if the board does have sub-boards), then the Legend and Stats?

Something like this?

Yes, this is exactly what I am wanting.

[Retread]

Okay then,

From your Admin panel, navigate:
Admin Home> Themes> Layout Templates
Select the desired theme in the dropdown to the right of Current Theme

Click on Board. A new page appears. Remain on the Board tab.

---

This section is very important.
Select the entire contents of the Board template and copy it to your clipboard.
Open a new Notepad file on your computer.
Paste the contents of your clipboard to the Notepad file.
Save the notepad file.

---

Delete the entire contents of the Board layout template.
Copy this to your clipboard:
{if $[display_thread_list]}
<div{if $[viewing_bookmarks]} id="bookmarks"{/if} class="container threads">
<div class="title-bar">
{if $[create_thread_button]}
<ul class="controls"><li>$[create_thread_button]</li></ul>
{/if}
<h1>$[board.display_name]</h1>
</div>
<div class="control-bar ui-helper-clearfix $[scroll_class]">
$[search]
<div class="controls">
$[selection_menu]
$[action_menu]
</div>
$[pagination]
</div>
<div class="content cap-bottom">
<table class="list">
<thead>
<tr class="head">
<th class="icon"><span class="aria-hidden">Status</span> </th>
<th class="checkbox"> </th>
<th class="main">Subject</th>
<th class="created-by">Created By</th>
<th class="replies">Replies</th>
<th class="views">Views</th>
<th class="latest last">Last Post</th>
</tr>
</thead>
<tbody class="$[list_class]">
$[thread_list]
</tbody>
</table>
</div>
</div>
{/if}
{if $[board.sub_board_list]}
<div class="container boards">
<div class="title-bar"><h2>Sub-Boards</h2></div>
<div class="content cap-bottom">
$[board.sub_board_list]
</div>
</div>
{/if}
{if $[thread_count] > 0}
{if $[legend]}
<div class="container legend">
<div class="title-bar"><h2>Legend</h2></div>
<div class="content">
<table>
<tr>
{foreach $[legend]}
<td>$[legend.icon] <span>$[legend.name]</span></td>
{/foreach}
</tr>
</table>
</div>
</div>
{/if}
{/if}

{if $[board.id]}{if $[show_stats]}
<div class="container stats">
<div class="title-bar"><h2>Board Information & Statistics</h2></div>
<div class="content">
<table>
<tbody>
{if $[board.description]}
<tr>
<td colspan="2">
<table>
<tr>
<td class="icon">$[image.description]</td>
<td class="info last">
<div class="board-name">$[board.name]</div>
<div class="board-description">$[board.description]</div>
</td>
</tr>
</table>
</td>
</tr>
{/if}
<tr{if !$[show_users_viewing]} class="last"{/if}>
<td>
<table>
<tr>
<td class="icon">$[image.stats]</td>
<td class="info">
<table>
<tbody>
<tr><th colspan="2">Threads and Posts</th></tr>
<tr><td>Total Threads:</td><td>{if $[total_threads] == -1}N/A{else}$[total_threads]{/if}</td></tr>
<tr><td>Total Posts:</td><td>{if $[total_posts] == -1}N/A{else}$[total_posts]{/if}</td></tr>
{if $[board.moderators_link]}<tr><td colspan="2">This board has $[board.moderators_link]</td></tr>{/if}
</tbody>
</table>
</td>
</tr>
</table>
</td>
<td>
<table>
<tr>
<td class="icon">$[image.members]</td>
<td class="info last">
<table>
<tbody>
<tr><th colspan="1">On This Board</th></tr>
<tr><td>You <strong>can{if !$[can.create_threads]}not{/if}</strong> create threads.</td></tr>
<tr><td>You <strong>can{if !$[can.reply_to_threads]}not{/if}</strong> reply to threads.</td></tr>
<tr><td>You <strong>can{if !$[can.create_polls]}not{/if}</strong> create polls.</td></tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
{if $[show_users_viewing]}
<tr class="last">
<td colspan="2">
<table>
<tr>
<td class="icon">$[image.online]</td>
<td class="info last">
<table>
<tbody>
<tr><th>Users Viewing</th></tr>
<tr><td>$[total_board_staff] Staff, $[total_board_members] Member{if $[total_board_members] != 1}s{/if}, {if $[view_guests_online_link]}<a href="#" class="$[view_guests_online_link.class]">{/if}$[total_board_guests] Guest{if $[total_board_guests] != 1}s{/if}{if $[view_guests_online_link]}</a>{/if}.</td></tr>
<tr><td><tr><td>
{foreach $[board_user]}
$[board_user]{if $[board_user.invisible]} <span class="small">(invisible)</span>{/if}$[board_user.comma]
{/foreach}
{if $[total_online_not_shown] > 0}
, and <a href="$[view_active_members_link.href]" class="$[view_active_members_link.class]">$[total_online_not_shown] more...</a>
{/if}
</td></tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
{/if}
</tbody>
</table>
</div>
</div>
{/if}{/if}
Click the Save Changes button at the bottom of the page or the Save Theme button near the top.

[BlueRaine]

Ok, thank you very much!