[Plugin] Board Description Images 1.0.1

[smashwords2]

Shrike, what code would I change to move the Legend folders on the left side of the Description Image to beside the board name? (Move the Legend icons over one column to the right.)

The reason I ask is the New icon doesn't grab your attention where it is now, the Description Image overpowers it, but would catch members attention better if beside the text of the board name.

[Shrike]

Jan 24, 2013 18:58:44 GMT -8 smashwords2 said:

Shrike, what code would I change to move the Legend folders on the left side of the Description Image to beside the board name? (Move the Legend icons over one column to the right.)

The reason I ask is the New icon doesn't grab your attention where it is now, the Description Image overpowers it, but would catch members attention better if beside the text of the board name.

Could you post a link to your forum? I'm not sure what you mean by moving the Legend icons, the description images shouldn't be able to get down there. If you mean the new/old post icons then that shouldn't be too difficult to do (just making some changes to one of the layout templates), but a link to see it would be helpful all the same.

[smashwords2]

Jan 25, 2013 3:20:09 GMT -8 Shrike said:

Jan 24, 2013 18:58:44 GMT -8 smashwords2 said:

Shrike, what code would I change to move the Legend folders on the left side of the Description Image to beside the board name? (Move the Legend icons over one column to the right.)

The reason I ask is the New icon doesn't grab your attention where it is now, the Description Image overpowers it, but would catch members attention better if beside the text of the board name.

Could you post a link to your forum? I'm not sure what you mean by moving the Legend icons, the description images shouldn't be able to get down there. If you mean the new/old post icons then that shouldn't be too difficult to do (just making some changes to one of the layout templates), but a link to see it would be helpful all the same.

It's the new/old post icons I mean. Here is the link to my forum.

Thanks.

[Shrike]

Jan 25, 2013 7:55:24 GMT -8 smashwords2 said:

Jan 25, 2013 3:20:09 GMT -8 Shrike said:

Could you post a link to your forum? I'm not sure what you mean by moving the Legend icons, the description images shouldn't be able to get down there. If you mean the new/old post icons then that shouldn't be too difficult to do (just making some changes to one of the layout templates), but a link to see it would be helpful all the same.

It's the new/old post icons I mean. Here is the link to my forum.

Thanks.

Thanks for the link, I think it'll be easiest if we just swap the description and post icon columns around. You'll need to go to Themes > Layout templates > Board > Board list (tab).

First thing is to swap the header cells around. Find this section and move the red line so it is BELOW the blue one.

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

Then, further down, we need to do the same thing: move the red section BELOW the blue part.

<tr id="$[board.content_id]" class="$[board.content_class]">
<td class="icon">$[board.icon]</td>
<td class="main clickable">
<span class="link"><a href="$[board.href]">$[board.display_name]</a></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>

Save the changes and then hopefully that should look like what you want.

[smashwords2]

Thanks, Shrike. That will make it easier for my members to see new items have been posted. If you feel it is worthwhile and you have the time, when you update your plugin again could you move the icon beside the text description so new posts are even more noticeable? I know it's a bit fussy on my part, but you never met my mom.

[Shrike]

Jan 25, 2013 10:27:57 GMT -8 smashwords2 said:

Thanks, Shrike. That will make it easier for my members to see new items have been posted. If you feel it is worthwhile and you have the time, when you update your plugin again could you move the icon beside the text description so new posts are even more noticeable? I know it's a bit fussy on my part, but you never met my mom.

While it is a good suggestion, it'd be way too complicated to change them using Javascript (what the code would have to do) compared to the simple template modification that can be made. Thanks for the suggestion though.

[bobdat]

Sorry to bother you with this, but I'm using this plugin to workaround the redirection issue (I don't actually have any board descriptions). However, when this has been used, it aligns the board image to the left. Is there any way of getting the image to align in the centre?

If it's helpful, this is occurring on the redirect override, i.e. the image links to a board which is a redirect, so it replaces the 'board description' in the redirect. I can do screenshots if that helps.

[Shrike]

Jan 27, 2013 9:44:48 GMT -8 bobdat said:

Sorry to bother you with this, but I'm using this plugin to workaround the redirection issue (I don't actually have any board descriptions). However, when this has been used, it aligns the board image to the left. Is there any way of getting the image to align in the centre?

If it's helpful, this is occurring on the redirect override, i.e. the image links to a board which is a redirect, so it replaces the 'board description' in the redirect. I can do screenshots if that helps.

It should just be a case of some CSS being added. Could you provide a link to your forum (just enough to view the board list) so I can experiment with what needs to be done?

[bobdat]

URL of main forums
URL of board in question (top sub-board is the one I've been trying).

[Shrike]

Jan 27, 2013 10:03:28 GMT -8 bobdat said:

URL of main forums
URL of board in question (top sub-board is the one I've been trying).

Thanks for that.

From your original post, you said it was to get around the redirection issue: what exactly is that? Does it stop you from using the same method to add board images as you have for the other boards?

[bobdat]

When you set a board to redirect, it changes the on/off icon to a 'redirect' icon.
On my forum, I've removed the on/off icons and played with the columns on the main page.

Unfortunately, this means that when I try to make a board to redirect, it places the different icon into the main space, where the board's name should be.
By removing that icon's column, one can move the board name back to the appropriate column. However, as far as I can work out, there's some incompatibility between using images in the [ img ] tag and allowing it to redirect. When asked to redirect, the board reverts to text.

However, your plugin overrides this and forces it to use an image, which is then redirected on mouse click. But, as you can see from the forums, the image is aligned left, whereas I'd like it aligned centre.

To clarify, your plugin is not directly affected by the redirect issue. But it is the only (current) way to force a board redirect to use an image instead of text for the redirect link. So I was wondering if you could work out how to centre the image, to help me with this.

I suspect it might not actually be a very common problem, and so if you can't be bothered then it's understandable.

Hopefully this is clear enough.

[Shrike]

Jan 27, 2013 13:08:21 GMT -8 bobdat said:

When you set a board to redirect, it changes the on/off icon to a 'redirect' icon.
On my forum, I've removed the on/off icons and played with the columns on the main page.

Unfortunately, this means that when I try to make a board to redirect, it places the different icon into the main space, where the board's name should be.
By removing that icon's column, one can move the board name back to the appropriate column. However, as far as I can work out, there's some incompatibility between using images in the [ img ] tag and allowing it to redirect. When asked to redirect, the board reverts to text.

However, your plugin overrides this and forces it to use an image, which is then redirected on mouse click. But, as you can see from the forums, the image is aligned left, whereas I'd like it aligned centre.

To clarify, your plugin is not directly affected by the redirect issue. But it is the only (current) way to force a board redirect to use an image instead of text for the redirect link. So I was wondering if you could work out how to centre the image, to help me with this.

I suspect it might not actually be a very common problem, and so if you can't be bothered then it's understandable.

Hopefully this is clear enough.

Firstly, have you made a bug report for it not letting you use an image as the display name of a redirected board? If that can get fixed, then you won't need to use a whole plugin for this in the future.

One last thing now, could you go to Themes > Layout templates > Board and then copy/paste your "Board List" template here? I'm pretty sure I know how to do this, but I want to check what could be done in the template first.

[bobdat]

I had assumed that it was a deliberate thing, but looking at it now I suppose it's not. I'll make a bug report.

And here you go;
<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"><a href="$[board.href]">$[board.display_name]</a></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] Threads<br />{/if}{if $[board.posts] == -1}N/A{else}$[board.posts] 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>
</tr>
{else}
<tr id="$[board.content_id]" class="$[board.content_class]">
<!-- <td class="icon">$[board.icon]</td> -->
<td class="main clickable redirect last" colspan="2">
<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>

[Relic]

Hey Shrike! I created my actual v5 forum now, instead of the betazone forum... and now I'm having the exact same problem >.<
My site ~ if you go to the In Character category and hover over Forostar, the fade is off center from the image. Or the image is off center from the fade. Either way, it's bugging me ! lol, how do I fix it now? Sorry..

[Shrike]

Jan 29, 2013 12:02:58 GMT -8 Relic said:

Hey Shrike! I created my actual v5 forum now, instead of the betazone forum... and now I'm having the exact same problem >.<
My site ~ if you go to the In Character category and hover over Forostar, the fade is off center from the image. Or the image is off center from the fade. Either way, it's bugging me ! lol, how do I fix it now? Sorry..

I had a look and all the code being applied to it is the same as on my test site and all the other people who've used the plugin yet I've not seen any problems with those (I'll note that bobdat's is a slightly different issue). I did spot one thing slightly wrong that was the same on all the others, but apparently didn't cause problems that I've seen, until yours. At any rate, changing that using the browser tools seemed to fix the problem so I've made the change in the plugin.

Could you download the new version from the link in the first post and let me know if that fixes it for you?