[Template] Combine Threads And Posts Columns

[tunescool]

Themes > Layout Templates > Board List

Combine the Threads and Posts Columns on the Main Page in one column to look like this



Replace lines 33 and 34

<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>

 with

<td class="threads">{if $[board.threads] == -1}N/A{else}$[board.threads] Threads<br />{/if}{if $[board.posts] == -1}N/A{else}$[board.posts] Posts{/if}</td>

---

If you still have the Board/Post/Threads/Posts/Last Post row at the top of the Category you will need this

To change the two cells Threads and Posts into one

Threads And Posts

Themes > Layout Templates > Board List

Lines 2 - 10

Replace the blue

<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>

With this

<th class="threads" colspan="2">Threads & Posts</th>

---

You also have to change these two lines in  Themes > Advanced Styles & CSS > Style Sheet

Without this the new cell is different in width if you have 10 Threads in one category and 6,000 in another Category
It throws off the the evenness of the boards

But everything will be fine if you change this

Around Lines 850 - 860

Replace These two lines

.boards .threads { width: 9%; text-align: @board_align_threads; white-space: nowrap; }
.boards .posts { width: 8%; text-align: @board_align_posts; white-space: nowrap; }

With this

.boards .threads .posts { width: 18%; text-align: board_align_threads; white-space: nowrap; }

[pawl]

edit; IGNORE - edited into first post.


<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>

33 and 34 on a default forum.

[pawl]

Added to the Index. =]

[smashwords2]

I lose the 'Last Post' data on Main page with this code. 'Last Post' data appears everywhere else but on Main page.

When I remove this code the 'Last Post' data reappears on Main page. (I've removed this code on beta forum for the moment.)

This code is the only change made to Board List template.

Here is code for lines 30-39 when using this code:
</p>
{/if}
</td>
<td class="threads">{if $[board.threads] == -1}N/A{else}$[board.threads] Threads<br />{/if}{if $[board.posts] == -1}N/A{else}$[board.posts] Replies{/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>

[pawl]

Any chance you could pop it back in, and give us the link?
I have realised that if you've still got the table header (lines 2-10, for the Board Name / Posts / Threads etc bar) then you need to use <td class="threads" colspan="2"> instead, but apart from that I've had no problems.

[smashwords2]

Nov 26, 2012 9:57:37 GMT -8 pawl said:

I have realised that if you've still got the table header (lines 2-10, for the Board Name / Posts / Threads etc bar) then you need to use <td class="threads" colspan="2"> instead, but apart from that I've had no problems.

:DThat solved it, Paul. Thanks.

[pawl]

No worries. If you want, you can also add the same code to the <tr><td>Threads</td></tr> cell, and remove the next line. Then you can have one box for Threads/Posts on top, instead of two.
If that doesn't make much sense I'll pop the code up for you. =]

[smashwords2]

Please pop code and I'll pop it in.

[pawl]

I'm assuming you still have the "Board | Threads | Posts | Last Post" bar, code below;
<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>

If you want it to work properly with this, change it to the following;

<thead>
<tr>
<th class="icon"></th>
<th class="main">Board</th>
<th class="threads" colspan="2">Threads & Posts</th>
<th class="latest last">Last Post</th>
</tr>
</thead>

Tested, and should work.


Also as an aside for Tunes - technically labelling the post figure 'replies' isn't right, because it's the number of total posts, not the number of replies (which would be total posts less number of threads) =P

[smashwords2]

Okay. I see what you mean. Thanks, Paul. Worked fine.

[Maiden]

Thanks for this template, I also used this to work out how to do replies and views for threads ^^

I was wondering however what 'white-space: nowrap;' does as this isn't in my default.

I also couldn't get the new cell (either the threads/replies or the views/posts) to obey the text alignment rules so had to manually but center tags into the advanced editor. Any idea what that might be?

I also found that when I replaced this:

<th class="threads">Threads</th>
<th class="posts">Posts</th>

with the colspan the table got all out of line and instead when with

<th class="threads">Threads & Posts</th>

incase someone else has that problem.

[LifeOfWylie]

The only minor thing that I have seen when using this code

<td class="threads">{if $[board.threads] == -1}N/A{else}$[board.threads]Threads<br />{/if}{if $[board.posts] == -1}N/A{else}$[board.posts] Posts{/if}</td>

is when you only have one thread or post, it reads "1 Threads" or "1 Posts". Sure, when/if more get added it looks fine, but if not I would recommend changing the blue parts to read Thread(s) and Post(s). Like I said...minor (and probably not important to most). I love this code, as I prefer shorter rows!

LoW

[pawl]

That should be fixable by replacing $[board.threads]Threads with $[board.threads] {if $[board.threads] == 1}Thread{else}Threads{/if} (and similar for posts, too) I think. =]

[LifeOfWylie]

Cool. I'm sure that would work, had I not hid this entire code with another of yours, pawl.