[Plugin] Board Description Images 1.0.1

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

[Relic]

Aha! It works!

xD Thank you so much. It's odd that I'm the only one experiencing it. I really appreciate it.

[Shrike]

Jan 29, 2013 12:37:03 GMT -8 Relic said:

Aha! It works!

xD Thank you so much. It's odd that I'm the only one experiencing it. I really appreciate it.

It might just be you were the first to notice it or something Thanks for letting me know it's fixed.

Jan 29, 2013 11:26:57 GMT -8 bobdat said:

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;

SPOILER: Click to show

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

Thanks for that, got what I needed. Copy and paste this into your Global Footer:

<script> /*rfbdi 0.4.4: Fix for redirect image centering*/
$(document).ready(function () {
if (proboards.route.name == "board") {
$(".redirect.rfbdi-main").attr("colspan","1");
$(".redirect.rfbdi-main").css("text-align","center");
}});</script>

[bobdat]

Jan 29, 2013 13:01:19 GMT -8 Shrike said:

Thanks for that, got what I needed. Copy and paste this into your Global Footer:

<script> /*rfbdi 0.4.4: Fix for redirect image centering*/
$(document).ready(function () {
if (proboards.route.name == "board") {
$(".redirect.rfbdi-main").attr("colspan","1");
$(".redirect.rfbdi-main").css("text-align","center");
}});</script>

Hate to be a killjoy but doesn't appear to be working. Still aligned to the left?

[Shrike]

Jan 30, 2013 0:33:27 GMT -8 bobdat said:

Jan 29, 2013 13:01:19 GMT -8 Shrike said:

Thanks for that, got what I needed. Copy and paste this into your Global Footer:

<script> /*rfbdi 0.4.4: Fix for redirect image centering*/
$(document).ready(function () {
if (proboards.route.name == "board") {
$(".redirect.rfbdi-main").attr("colspan","1");
$(".redirect.rfbdi-main").css("text-align","center");
}});</script>

Hate to be a killjoy but doesn't appear to be working. Still aligned to the left?

My apologies, I missed out part of the location check. Please try again with the corrected version:

<script> /*rfbdi 0.4.4: Fix for redirect image centering*/
$(document).ready(function () {
if (proboards.data.route.name == "board") {
$(".redirect.rfbdi-main").attr("colspan","1");
$(".redirect.rfbdi-main").css("text-align","center");
}});</script>

[bobdat]

Works as well as I can hope. Now to await the fix. Many thanks.

[Lychee]

I'm sorry to disturb you, and I don't know if someone else had this problem in the thread, but I have this code on. My forum is v5, and when I am on my admin account, it works perfectly. However, when I change to my character's account, I see this. I have it set on slide down, and when I hover my mouse over the board, the text still appears, but there is no image. Other members are speaking of the same problem. Is there any you can do?

[Shrike]

Mar 13, 2013 16:02:24 GMT -8 Lychee said:

I'm sorry to disturb you, and I don't know if someone else had this problem in the thread, but I have this code on. My forum is v5, and when I am on my admin account, it works perfectly. However, when I change to my character's account, I see this. I have it set on slide down, and when I hover my mouse over the board, the text still appears, but there is no image. Other members are speaking of the same problem. Is there any you can do?

A few things to try first are to check the permissions for the plugin (should be so everyone can access/see/whatever it calls it) and check the image links are added properly.

Aside from that, it'll save a lot of time to simply link to your forum so I can see the problem code itself.