Combing "threads" and "posts" columns into one.

[drygnfyre]

Forum URL: (private)

I would like to condense the "threads" and "posts" columns into one column and name it something like "messages." As for displaying the info, perhaps do something like X/Y. I think I know where to make the edits, but I noticed the default columns have percentage widths. Combining would leave me with one less column, so I'd want to alter the percentages, right?

[Tumbleweed]

May 14, 2017 14:55:13 GMT -8 drygnfyre said:

Forum URL: (private)

I would like to condense the "threads" and "posts" columns into one column and name it something like "messages." As for displaying the info, perhaps do something like X/Y. I think I know where to make the edits, but I noticed the default columns have percentage widths. Combining would leave me with one less column, so I'd want to alter the percentages, right?

Maybe you already figured this out but yes, you will need to alter the percentages. Say in the board list template you comment out this:


<!--<th class="posts">Posts</th>-->

And then move the if statement for posts into the threads td tag you'll need to go to your css style sheet to about line 880 and add the percent that was in the posts column to the thread column percentage width. If that makes sense. 

[drygnfyre]

I still haven't figured out how to delete the original "threads" and "posts" columns and replace them with a combined one, though. I figure I have to delete those <thead> elements? Beyond that, I figure I can mess around with the percentages a bit to find something that is a good balance between readability and not being too small or wide.

[drygnfyre]

Disregard, I think I figured it out. The default percentages for threads and posts was 9% and 8%, respectively. So I set the threads column width to 17%, and that seemed to do the trick. As mentioned, I merely had to copy the posts data into the threads column.

I seem to have accomplished what I wanted. Thanks for the help.

[Tumbleweed]

May 16, 2017 16:53:21 GMT -8 drygnfyre said:

Disregard, I think I figured it out. The default percentages for threads and posts was 9% and 8%, respectively. So I set the threads column width to 17%, and that seemed to do the trick. As mentioned, I merely had to copy the posts data into the threads column.

I seem to have accomplished what I wanted. Thanks for the help.

Yep, that's exactly what I meant but maybe didn't explain it well enough. Glad you got it figure out. Are you all good now?

[drygnfyre]

May 16, 2017 17:13:01 GMT -8 Tumbleweed said:

May 16, 2017 16:53:21 GMT -8 drygnfyre said:

Disregard, I think I figured it out. The default percentages for threads and posts was 9% and 8%, respectively. So I set the threads column width to 17%, and that seemed to do the trick. As mentioned, I merely had to copy the posts data into the threads column.

I seem to have accomplished what I wanted. Thanks for the help.

Yep, that's exactly what I meant but maybe didn't explain it well enough. Glad you got it figure out. Are you all good now?

For now, yes.

And I would assume if, on the thread view, I want to combine posts and views into one column, I follow similar steps?

[Tumbleweed]

May 16, 2017 17:25:16 GMT -8 drygnfyre said:

May 16, 2017 17:13:01 GMT -8 Tumbleweed said:

Yep, that's exactly what I meant but maybe didn't explain it well enough. Glad you got it figure out. Are you all good now?

For now, yes.

And I would assume if, on the thread view, I want to combine posts and views into one column, I follow similar steps?

Yep, exactly^^^. I'll not mark this as resolved until you are sure all is o.k.

[drygnfyre]

Okay, I broke something else!

I figured since I messing with columns, I'd move the "Last Post" column to be between the board name and threads/posts. This appears to have worked fine except for one small issue: the vertical line that separates the columns didn't move over. Here's a screenshot:



And here's my template...


<table class="list" role="grid">
<thead>
<tr>
<th class="icon"></th>
<th class="main">Exit</th>
           <th class="latest last">Recent activity</th>
<th class="threads">Threads/Posts</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">
Patrolled by:
{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]}<a href="$[board.sub_board.href]">$[board.sub_board.name]</a>$[board.sub_board.comma] {/foreach}
</p>
{/if}
</td>
                   <td class="latest last">
{if $[board.posts] > 0}
{if $[board.last_thread]}
                        $[board.last_thread.last_post.created_by]
<hr style="color: #dddddd; background-color: #dddddd; height: 1px; border: none;">$[board.last_thread.recent_link]
{/if}
{else}
No posts have been made on this board.
{/if}
</td>
<td class="threads">{if $[board.threads] == -1}N/A{else}$[board.threads]{/if}/{if $[board.posts] == -1}N/A{else}$[board.posts]{/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>


[Tumbleweed]

Try adding this to the bottom of your style sheet:


.container.boards td.latest.last{
border-right:1px solid @container_inner_border_color!important;
border-bottom:1px solid @container_inner_border_color!important;
}

[drygnfyre]

That works (although I omitted the border-bottom for consistency), but I'm still left with a vertical line at the end of the table, following the "threads/posts" column.

[drygnfyre]

Figured it out! Here's what I did:

.container.boards th.latest.last { border-right: 1px solid @container_inner_border_color !important; }
.container.boards th.threads { border-right: 0px solid @container_inner_border_color !important; }
.container.boards td.latest.last { border-right: 1px solid @container_inner_border_color !important; }
.container.boards td.threads { border-right: 0px solid @container_inner_border_color !important; }

For some reason, moving the columns around seems to arbitrary take away some borders. I dunno if it's a bug or not, but at least now I can make it look how I want. (Conversely, I could add some outer borders for a boxed-in look). Anyway, I got it how I want it, thanks for the help!

[Tumbleweed]

I forgot about the titles. I wasn't sure by looking at that screen cap if you needed a bottom line. Anyway, glad you figured it out.  And yes, when you have columns like that and a border around the forum, ProBoards has to remove some borders in those columns and when you go switching, it messes things up. I just forget which ones they remove. Like for all the ones in the middle, there would be double lines in-between...but anyway, happy you aren't afraid to dive in there to get to the bottom of things.