Change sub-board list in to normal boards

[Nscalerr 🐺]

Think I might be getting somewhere at long last. What I really want is for it to look like is a normal board on the home page of the forum. What do you think Tumbleweed ??

{foreach $[board]}
{if $[board.sub_board_list] && $[route.name] == 'home'}
<table class="list" role="grid" style="text-align: center;">
   <tr>
       <td style="border-top: 1px solid #e5d8c5; font-size: 8pt;">
           <table style="width: 100%;">
               <tr>
                   <td>
                       <div class="content" style="border: 0px; font-size: 8pt;">
                           <table style="width: 100%;  border-left: 1px solid #e5d8c5; border-top: 1px solid #e5d8c5; border-right: 1px solid #e5d8c5;">
                               <tr>
                                   <td class="icon" style="border-right: 1px solid #e5d8c5;"> </td>
                                   <td style="width: 50%; border-right: 1px solid #e5d8c5; padding-left: 5px;" align="left">Sub-Boards</td>
                                   <td class="threads" style="border-right: 1px solid #e5d8c5;">Threads</td>
                                   <td class="posts" style="border-right: 1px solid #e5d8c5;">Posts</td>
                                   <td class="date" style="padding-left: 5px;" align="left">Latest Post</td>
                               </tr>
                           </table>
                           {foreach $[board.sub_board]}
                           <table style="width: 100%; border: 1px solid #e5d8c5;">
                               <tr>
                                   <td class="icon" style="border-right: 1px solid #e5d8c5;">
                                       $[board.sub_board.icon]
                                   </td>
                                   <td style="width: 50%; border-right: 1px solid #e5d8c5; padding-left: 5px;" align="left">
                                       <a href="$[board.sub_board.href]">$[board.sub_board.name]</a><br />
                                       $[board.sub_board.description]
                                   </td>
                                   <td class="threads" style="border-right: 1px solid #e5d8c5;">
                                       $[board.sub_board.threads]
                                   </td>
                                   <td class="posts" style="border-right: 1px solid #e5d8c5;">
                                       $[board.sub_board.posts]
                                   </td>
                                   <td class="date" style="padding-left: 5px;" align="left">$[board.sub_board.last_thread.last_post.thread]<br />
                                       $[board.sub_board.last_thread.created_by] $[board.sub_board.last_thread.created_on]
                                   </td>
                               </tr>
                           </table>
                           {/foreach}
                       </div>
                   </td>
               </tr>
           </table>
       </td>
   </tr>
</table>
{/if}
{/foreach}

[Tumbleweed]

I wish I could tell you Nscalerr 🐺 but I'm not sure what to do with that. I tried putting it on my test site in a number of ways and nothing looked/worked right. Plus this statement confused me: You said, " What I really want is for it to look like is a normal board on the home page of the forum. What do you think Tumbleweed ??"

Are you trying to get the sub-boards to list right on the main/home page as if they are normal boards but are sub-boards or just too look like normal boards when you click on a board to see the subboards.

I commend you for diving in all by yourself and sorry I'm confused.

[Nscalerr 🐺]

May 29, 2017 23:10:28 GMT -8 Tumbleweed said:

Are you trying to get the sub-boards to list right on the main/home page as if they are normal boards but are sub-boards or just too look like normal boards when you click on a board to see the subboards.

To get the sub-boards to list on the home page as if they are normal boards.

Probaly would have helped if I had said I added this to the bottom of the Board List Template.

This is what it looks like right now on my forum.

[Tumbleweed]

May 29, 2017 23:21:38 GMT -8 Nscalerr 🐺 said:

May 29, 2017 23:10:28 GMT -8 Tumbleweed said:

Are you trying to get the sub-boards to list right on the main/home page as if they are normal boards but are sub-boards or just too look like normal boards when you click on a board to see the subboards.

To get the sub-boards to list on the home page as if they are normal boards.

Probaly would have helped if I had said I added this to the bottom of the Board List Template.

This is what it looks like right now on my forum.

Well, that's pretty cool. Nice job! I wouldn't have even thought of doing that. You should be very proud! (And I just tossed it on my site as you suggested, just at the bottom and sure enough, there they are.)

[Nscalerr 🐺]

Moved the styles in to the stylesheet.

Thanks Tumbleweed

[Nscalerr 🐺]

Decided to post the code I used for others to use. This thread can be marked completed / resolved. Tumbleweed

Add the following to the bottom of the Board List template.
{foreach $[board]}
{if $[board.sub_board_list]}
<table class="list" role="grid" style="text-align: center;">
   <tr>
       <td class="sf-subtd">
           <table classs="sf-subtab">
               <tr>
                   <td>
                       <table class="sf-subboards">
                           <tr>
                               <td colspan="2" class="sf-subtitleicon">$[board.name] Sub-Boards</td>
                               <td class="threads">Threads</td>
                               <td class="posts">Posts</td>
                               <td class="latest sf-subtitlelast">Latest Post</td>
                           </tr>
                       </table>
                       {foreach $[board.sub_board]}
                       <table class="$[board.sub_board.content_class] sf-boards">
                           <tr>
                               <td class="icon sf-subicon">
                                   $[board.sub_board.icon]
                               </td>
                               <td class="sf-subdesc">
                                   <a href="$[board.sub_board.href]">$[board.sub_board.name]</a> {if $[board.sub_board.num_viewing]}<span class="viewing"> - $[board.sub_board.num_viewing] Viewing</span>{/if}<br />
                                   $[board.sub_board.description]
                               </td>
                               <td class="threads sf-subthreads">
                                   $[board.sub_board.threads]
                               </td>
                               <td class="posts sf-subposts">
                                   $[board.sub_board.posts]
                               </td>
                               <td class="latest last sf-sublast">{if $[board.sub_board.posts] == 0}Posts coming soon.{else}$[board.sub_board.last_thread.recent_link]<br />
                                   $[board.sub_board.last_thread.last_post.created_by] - <span class="date">$[board.sub_board.last_thread.last_post.created_on]</span>{/if}
                               </td>
                           </tr>
                       </table>
                       {/foreach}
                   </td>
               </tr>
           </table>
       </td>
   </tr>
</table>
{/if}
{/foreach}


Add this to the bottom of your stylesheet.

/**************************************************************************
*                             Sub Boards                                 *
**************************************************************************/
.sf-subtd {
   border-top: 1px solid @container_inner_border_color !important;
   font-size: 8pt;
}
.sf-subtab {
   width: 100%;
}
.sf-subboards {
   background: @nav_bar_background;
   color: #faebd7;
   width: 100%;
   font-weight: bold;
   border-radius: 5px 5px 0px 0px;
   -moz-border-radius: 5px 5px 0px 0px;
   -webkit-border-radius: 5px 5px 0px 0px;
}
.sf-boards {
   width: 100%;
   border-bottom: 1px solid #e5d8c5;
   border-right: 1px solid #e5d8c5;
   border-left: 1px solid #e5d8c5;
}
.sf-subtitleicon {
   width: 77%;
   padding-left: 5px;
   padding-top: 2px;
   padding-bottom: 2px;
   text-align: left;
}
.sf-subtitlelast {
   padding-left: 5px;
}
.sf-subicon {
   border-right: 1px solid #e5d8c5;
}
.sf-subdesc {
   width: 70%;
   border-right: 1px solid @container_inner_border_color;
   padding-left: 5px;
   text-align: left;
}
.sf-subthreads {
   border-right: 1px solid @container_inner_border_color;
}
.sf-subposts {
   border-right: 1px solid @container_inner_border_color;
}
.sf-sublast {
   padding-left: 5px;
   padding-right: 4px;
}