[Template] Remove Columns from Board List

[pawl]

Expanded slightly on a request here.


Please make sure before committing to any changes that you have some sort of backup of your original templates. You can either copy them in a Notepad (or similar) file on your computer and save them, or open a duplicate tab of the Template page in your browser and not touch it. This way, should you make any mistakes that you want to undo, you have a copy of your original settings, which could save you no end of frustration.



Before you start this modification, I would recommend you look at this thread, and either remove the "Posts & Threads" bar first, or remove the relevant cells from the bar. Failure to do this will result in the following code not working properly within the board table structure.

Admin Panel -> Themes -> Layout Templates -> Board -> [ tab ] Board List

Head to Lines 15-45, and look below.
Please note that at no point is any of the code being deleted - instead we are simply commenting it out using <!-- and -->
This means that the commented code will not display on page-load, but will still be in the template if you want it back at any point.

<!-- <td class="icon">$[board.icon]</td> -->
<!-- <td class="main clickable">
<span class="link">$[board]</span><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]}$[board.sub_board]$[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_user]<br />
<span class="date">$[board.last_thread.last_post.date]</span>
{/if}
{else}
No posts have been made on this board.
{/if}
</td> -->


Adding the purple text will remove the column for on/off icons (new post indicators).
Adding the blue text will remove the column for the board name & description.
Adding the green text will remove the column showing the number of threads in a board.
Adding the red text will remove the column showing the number of posts in a board.
Adding the orange text will remove the column showing the last post made to the board.


If you wish to display the information you've removed somewhere else (for example, merging the threads/posts/last post columns), look for the variables within the sections you're commenting out. For example, adding $[board.threads] will show the number of threads in the board, in any of the other columns.

At approximately line 50, you will find the following;

<td class="main clickable redirect last" colspan="4">

For every column that you remove, decrease the number in brown by one. This will make sure that a board set up as a redirect will display correctly.



Additionally, if you want to resize the cells that are left, look at the following (this is something I've yet to play with properly, so be prepared for a little trial-and-error - don't forget what I said about backups!)

Admin Panel -> Themes -> Colours & Styles -> Style Sheet -> [ Tab ] Style Sheet

Lines 843-846 are copied below;

.boards .main { width: 59%; text-align: @board_align_main; }
.boards .threads { width: 9%; text-align: @board_align_threads; white-space: nowrap; }
.boards .posts { width: 8%; text-align: @board_align_posts; white-space: nowrap; }
.boards .latest { width: 20%; text-align: @board_align_last_post; }

Each of these has been coloured to show you the width of the cells they represented in the code above (the on/off icon doesn't seem to feature here) before you removed them, and can be modified.
I would recommend that if you still have the on/off icon column, that you keep the values of your remaining columns adding up to 96% (the current total - I assume the icon column is set at 4%).

For example if you removed the latest column, you might use 69%, 14% and 13% for the remaining cells.

If however you have removed the on/off column, I would suggest making the four (or less) remaining values add up to the full 100%


Lastly, if you remove the 'Last post' column, or rearrange the boards, make sure that the last column has the last highlighted in bold in the td class. This will make sure that the forum borders are properly displayed.


Hope this has helped, feel free to ask any questions/post any problems. =]

[LifeOfWylie]

pawl, this, in conjunction with the "Remove Posts/Threads & Views/Replies bar" is probably the best template I've seen in a very long time! It trims down the main page (and others) for easier navigation, both horizontically and vertically.

Great job! I'm glad someone requested this, this soon! 

[BIDDYCAKES]

Thank you so much for this!

I've been testing on a version five for a bit now for a future forum I will be making. And this works wonders!

Thank you pawl!
And to the person that requested this as well!

[klassic]

How about removing the "Threads/Posts/Last Post" from the category bar. Did I miss a step?

[klassic]

Ah, figured it out.
Home template:
<!--<th class="threads">Threads</th>
<th class="posts">Posts</th>
<th class="latest last">Last Post</th>-->

Sorry for double post.

[pawl]

Mar 1, 2013 7:34:13 GMT -8 klassic said:

Ah, figured it out.
Home template:
<!--<th class="threads">Threads</th>
<th class="posts">Posts</th>
<th class="latest last">Last Post</th>-->

Sorry for double post.

No worries, but it's worth me pointing out that I covered that at the very start of this thread. =P

[klassic]

I must have edited the wrong area or something because I went over it like 5 times and it wasn't working for me, lol. Who knows. Thank you though! My forum looks spectacular now.

[pawl]

Mar 1, 2013 18:06:51 GMT -8 klassic said:

I must have edited the wrong area or something because I went over it like 5 times and it wasn't working for me, lol. Who knows. Thank you though! My forum looks spectacular now.

It was in the 'before you start' section, yeah.
So long as everything's working how we want it though, I'm happy. =]

[Smudges]

pawl i am trying to use the remove column code you have done and it works on the main page but it doesnt seem to work on the other pages, i.e once you made a category click on it and it takes you to the "threads" page i think well the icon colum is still there, how to i total remove the icon column not only from main page but else where as well ?

thanks in advance

[pawl]

Mar 13, 2013 14:46:43 GMT -8 Smudges said:

pawl i am trying to use the remove column code you have done and it works on the main page but it doesnt seem to work on the other pages, i.e once you made a category click on it and it takes you to the "threads" page i think well the icon colum is still there, how to i total remove the icon column not only from main page but else where as well ?

thanks in advance

Currently at work (late, I know), but once I get back I'll have a look for you. =]

[pawl]

First off you've got a couple of lines to remove.

In your Board template, look for this;
<th class="icon"><span class="aria-hidden">Status</span> </th>

Then in your Thread List template, for this;
<td class="icon">$[thread.icon]</td>

Thread List still, look down for this line, and make sure the number is 6 (it should be 7 as default);
<td class="last center" colspan="6">No threads were found.</td>


That will remove the column, but it leaves a rather large space on the left for the checkbox. To fix that, head into your stylesheet, and look for the following (approx line 868);
.threads .main { width: 41%; text-align: @thread_align_subject; }

Increase this number to about 47% and save. With any luck, this should get everything to sit nicely for you. If not, have a play with that figure and it should all fall into place. =]

[Smudges]

tnks pawl it worked but one more question i have looked in the css and other places how do i align the board/thread name to the left after doing this ?

[pawl]

Mar 14, 2013 20:33:40 GMT -8 Smudges said:

tnks pawl it worked but one more question i have looked in the css and other places how do i align the board/thread name to the left after doing this ?

Any chance you can show me an example where they aren't? They tend to be default. =P

[Smudges]

Apr 16, 2013 7:15:09 GMT -8 pawl said:

Mar 14, 2013 20:33:40 GMT -8 Smudges said:

tnks pawl it worked but one more question i have looked in the css and other places how do i align the board/thread name to the left after doing this ?

Any chance you can show me an example where they aren't? They tend to be default. =P

for about this one pawl i used css and a few tricks to get it right tnx all the same