Changing how subboards are listed

[Sinity]

I'd like to make subboards to be listed differently than the main boards look on the home page. The home page is much more detailed and I'd like something more brief for subboards because I plan to have quite a few. How do I go about doing this?

thenotebook.boards.net/

[Tumbleweed]

May 20, 2017 7:01:30 GMT -8 Sinity said:

I'd like to make subboards to be listed differently than the main boards look on the home page. The home page is much more detailed and I'd like something more brief for subboards because I plan to have quite a few. How do I go about doing this?

thenotebook.boards.net/

 I don't think you can get anymore brief than they already are so not sure what you are thinking. Could you elaborate a bit on what you mean by "brief" and how you want them listed.

[Sinity]

May 20, 2017 9:54:34 GMT -8 Tumbleweed said:

 I don't think you can get anymore brief than they already are so not sure what you are thinking. Could you elaborate a bit on what you mean by "brief" and how you want them listed.

If you take a look at the site I linked, the board list layout is very bulky (vertically space wise). I can code something different for boards, but I only know how to do it with boards in general. I don't want my users to scroll down forever to get through subboards to see the posts of that board. I know an option is to put them at the bottom of the boards, but that doesn't take away from the endless scrolling (It won't really be endless but I expect 8 or so subboards in some areas).

I just want to know a way to dictate the appearance of the subboard list to be different from the main boards.

[Tumbleweed]

May 20, 2017 16:17:48 GMT -8 Sinity said:

May 20, 2017 9:54:34 GMT -8 Tumbleweed said:

 I don't think you can get anymore brief than they already are so not sure what you are thinking. Could you elaborate a bit on what you mean by "brief" and how you want them listed.

If you take a look at the site I linked, the board list layout is very bulky (vertically space wise). I can code something different for boards, but I only know how to do it with boards in general. I don't want my users to scroll down forever to get through subboards to see the posts of that board. I know an option is to put them at the bottom of the boards, but that doesn't take away from the endless scrolling (It won't really be endless but I expect 8 or so subboards in some areas).

I just want to know a way to dictate the appearance of the subboard list to be different from the main boards.

O.K. I get what you are saying now. Since you linked to the main page, I just thought you meant how it lists the subboard in the board (Sub-boards: Sboard1, Sboard2, etc.) which was why I was confused. 

Since this is a premade from Adoxography, have you asked if you can change that? I know some theme designers are picky. You may be better off re-coding the main page boards, probably,  so you can exclude/redo the sub-boards although I'd have to give it some thought the best way to do that. I'll think about this but meanwhile, you may want to decide if you want to recode the main page boards or go to Adoxography as to whether you can change the sub-boards. (They may even help you do it, you never know.) But I will give this some thought and maybe even do some testing.

[Sinity]

May 20, 2017 17:27:26 GMT -8 Tumbleweed said:

May 20, 2017 16:17:48 GMT -8 Sinity said:

If you take a look at the site I linked, the board list layout is very bulky (vertically space wise). I can code something different for boards, but I only know how to do it with boards in general. I don't want my users to scroll down forever to get through subboards to see the posts of that board. I know an option is to put them at the bottom of the boards, but that doesn't take away from the endless scrolling (It won't really be endless but I expect 8 or so subboards in some areas).

I just want to know a way to dictate the appearance of the subboard list to be different from the main boards.

O.K. I get what you are saying now. Since you linked to the main page, I just thought you meant how it lists the subboard in the board (Sub-boards: Sboard1, Sboard2, etc.) which was why I was confused. 

Since this is a premade from Adoxography, have you asked if you can change that? I know some theme designers are picky. You may be better off re-coding the main page boards, probably,  so you can exclude/redo the sub-boards although I'd have to give it some thought the best way to do that. I'll think about this but meanwhile, you may want to decide if you want to recode the main page boards or go to Adoxography as to whether you can change the sub-boards. (They may even help you do it, you never know.) But I will give this some thought and maybe even do some testing.

They have stated that it can be modified but the credit must stay and it cannot be redistributed as my own work. I don't intend on doing either. I have sent messages but not heard back so I am branching out.

If need be, I can specify the front page boards to be one way and "else" the rest to the other design. There will be fewer main boards, so less work than doing it the other way around. I just don't know, exactly, how to specify.

[Tumbleweed]

May 20, 2017 18:20:31 GMT -8 Sinity said:

May 20, 2017 17:27:26 GMT -8 Tumbleweed said:

O.K. I get what you are saying now. Since you linked to the main page, I just thought you meant how it lists the subboard in the board (Sub-boards: Sboard1, Sboard2, etc.) which was why I was confused. 

Since this is a premade from Adoxography, have you asked if you can change that? I know some theme designers are picky. You may be better off re-coding the main page boards, probably,  so you can exclude/redo the sub-boards although I'd have to give it some thought the best way to do that. I'll think about this but meanwhile, you may want to decide if you want to recode the main page boards or go to Adoxography as to whether you can change the sub-boards. (They may even help you do it, you never know.) But I will give this some thought and maybe even do some testing.

They have stated that it can be modified but the credit must stay and it cannot be redistributed as my own work. I don't intend on doing either. I have sent messages but not heard back so I am branching out.

If need be, I can specify the front page boards to be one way and "else" the rest to the other design. There will be fewer main boards, so less work than doing it the other way around. I just don't know, exactly, how to specify.

Thanks for the info. Then I guess we'll plod ahead. I haven't worked out all the details but I was thinking using ...


{if $[route.name] == "home"}
coding template for the main page boards only that will prevent this template from showing on any other page but the main page
{else]
coding that would default to the subboards 
{/if}

I just put it at the very top of the board list template with the {else} at the bottom and started to reconstruct a new layout for the sub-boards but I, at the moment, can't get the second board to line up how the first one is:

Sorry, can't link to the test site as I need to leave the default theme for another member but here is the main page, regular boards: (Obviously nothing like yours)



And this is the new less detailed version for the sub-boards. (I circled the part that isn't cooperating.)



I think it is just a matter of a missing tag somewhere or a if statement messed up but maybe that will help you get started? I'm going to keep working on this as I need to figure out why that second board isn't lining up for my own sanity but also in case you get stumped too.

Two seconds later, I fix it. It's now working so you should be able to do the same and of course to your taste.

[Lynx]

Hey, Tumbleweed?

Sorry to stick my nose in here, but in your second image, it appears that there may be a missing </td> after "Dime a Dozen". That is, of course, if it's still running table layout. That's the only thing I can think of that messed up the rest of the line. Not sure why it would be so extremely left-justified though (unlike the one above that looks to have some left padding, at least).

Then again, I may be completely off my rocker here. If so, feel free to ignore this post.

[Tumbleweed]

May 20, 2017 21:24:24 GMT -8 Lynx said:

Hey, Tumbleweed ?

Sorry to stick my nose in here, but in your second image, it appears that there may be a missing </td> after "Dime a Dozen". That is, of course, if it's still running table layout. That's the only thing I can think of that messed up the rest of the line. Not sure why it would be so extremely left-justified though (unlike the one above that looks to have some left padding, at least).

Then again, I may be completely off my rocker here. If so, feel free to ignore this post.

There may have been but my closing if was gone from the bottom. I just recopied some stuff so that td might have been missing too. Thanks and I am always happy to have another eye looking at things. It's fixed now and was probably editing my previous post while you were typing.

[Nscalerr]

This look interesting and could be useful as I am starting to think about sub boards for my forum.

Tumbleweed I will wait till you have things finished off, then copy it and fiddle around. Think this would be easier with the changes I have done to my forum.

[Sinity]

May 20, 2017 21:17:27 GMT -8 Tumbleweed said:

May 20, 2017 18:20:31 GMT -8 Sinity said:

They have stated that it can be modified but the credit must stay and it cannot be redistributed as my own work. I don't intend on doing either. I have sent messages but not heard back so I am branching out.

If need be, I can specify the front page boards to be one way and "else" the rest to the other design. There will be fewer main boards, so less work than doing it the other way around. I just don't know, exactly, how to specify.

Thanks for the info. Then I guess we'll plod ahead. I haven't worked out all the details but I was thinking using ...


{if $[route.name] == "home"}
coding template for the main page boards only that will prevent this template from showing on any other page but the main page
{else]
coding that would default to the subboards 
{/if}

I just put it at the very top of the board list template with the {else} at the bottom and started to reconstruct a new layout for the sub-boards but I, at the moment, can't get the second board to line up how the first one is:

Sorry, can't link to the test site as I need to leave the default theme for another member but here is the main page, regular boards: (Obviously nothing like yours)

View Attachment

And this is the new less detailed version for the sub-boards. (I circled the part that isn't cooperating.)

View Attachment

I think it is just a matter of a missing tag somewhere or a if statement messed up but maybe that will help you get started? I'm going to keep working on this as I need to figure out why that second board isn't lining up for my own sanity but also in case you get stumped too.

Two seconds later, I fix it. It's now working so you should be able to do the same and of course to your taste.


View Attachment

Beautiful. Nice to wake up to good news. I will fiddle with it too and see what I can come up with.

[Sinity]

Ok, here is what I came up with.

{if $[route.name] == "home"}
[main theme design here]

Didn't want to post the lovely artist's code as it isn't mine.


{else}
{foreach $[board]}
<table class="list" role="grid">
   <tbody>
       {if !$[board.is_redirect]}
       <tr id="$[board.content_id]" class="$[board.content_class]">
           <td  style="vertical-align: top; overflow-x:auto;">
               {if $[board.is_new]}<div class="board-newposts">new!</div>{/if} $[board]

           </td><td style="vertical-align: top; text-align: right;">
           {if $[board.num_mods]}
               <p 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} ?
               </p>
               {/if}</td>
           <td class="latest last" style="vertical-align: top;">
               {if $[board.posts] > 0}
               {if $[board.last_thread]}
               $[board.last_thread.recent_link]<br />
               {/if}
               {else}
               No posts.
               {/if}
           </td>
           <td class="threads" style="vertical-align: top;">
               <div>{if $[board.threads] == -1}N/A{else}<b>$[board.threads]</b> topic{if $[board.threads] > 1}s{/if}{/if} | {if $[board.posts] == -1}N/A{else}<b>$[board.posts]</b> post{if $[board.posts] > 1}s{/if}{/if}</div>
           </td>
       </tr>
       {else}
       <tr id="$[board.content_id]" class="$[board.content_class]">
           <td class="main clickable redirect last" colspan="3">
               <div class="link">$[board]</div>
               <p class="description">$[board.description]</p>
           </td>
       </tr>
       {/if}
   </tbody>
</table>
{/foreach}
{if !$[board]}
<table>
   <tr class="last">
       <td class="last center" colspan="3">No boards were found.</td>
   </tr>
</table>
{/if}

{/if}

Nice and simple one line list. It becomes two lines if a thread name is particularly long, but it still is really compact. Thanks Tumbleweed for the help in pushing me in the right direction. I'm still rather noob when it comes to  coding and I love to learn.

Nscalerr I hope this will help with your stuff too. If you come up with something that works better, hit me up!

[Tumbleweed]

May 20, 2017 23:25:36 GMT -8 Nscalerr said:

This look interesting and could be useful as I am starting to think about sub boards for my forum.

Tumbleweed I will wait till you have things finished off, then copy it and fiddle around. Think this would be easier with the changes I have done to my forum.

Nscalerr, I wasn't intending to post my code/template changes as Sinity indicated she knew how to revamp the boards and thus, sub-boards, just didn't know the if and else bit.
But since Sinity posted her code, you can probably take it from there? If not, tell me how you want it to look and I'll be happy to do the coding for you.

Good job, Sinity, btw.

[Nscalerr]

I had a try at doing things, but my boards went pear shaped very fast. I think it has something to do with having, "Threads, Posts, Latest Post" in the title bar and not the way PB normally does. Below is my board list template.

Also would it be possible to have the sub boards below the main boards ?


<table 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.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 $[current_user.is_member]}
               <span class="more_posts">
                   <a href="$[board.last_thread.last_post.created_by_user.link.href]/recent_threads">Read More Threads By $[board.last_thread.last_post.created_by_user.name] —
                       $[board.last_thread.last_post.created_by_user.likes] Likes — $[board.last_thread.last_post.created_by_user.posts] Posts</a><br />
               </span>
               {/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 />
$[board.last_thread.last_post.created_by] -
<span class="date">
{if $[board.last_thread.last_post.edited]}
$[board.last_thread.last_post.edited.date]
{else}
$[board.last_thread.last_post.created_on]
{/if}
</span>
{/if}
{else}
Posts coming soon.
{/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}
{/foreach}
{if !$[board]}
<tr class="last"><td class="last center" colspan="5">No boards were found.</td></tr>
{/if}
</tbody>
</table>

[Sinity]

Nscalerr I'll take a look at this when I get home from work.

It is possible to have the subs listed after the threads. You need to go to the board tab and copy the section about subboards and drag it to the bottom.

[Peter]

May 20, 2017 21:17:27 GMT -8 Tumbleweed said:

{if $[route.name] == "home"}
coding template for the main page boards only that will prevent this template from showing on any other page but the main page
{else]
coding that would default to the subboards 
{/if}

Hope you don't mind me sticking my nose in

Just a small little tip for you or others that may be unaware...

The route can also be "forum" as well. In the case of the OP, it's irrelevant, as their boards are "home".