Post Icon Collapse/Expand

[Princeton]

A site I'm working on has about 50+ post icons ... the post icons are used as "tags". As you might have expected, it's a bit annoying waiting for all these icons to load.

So, I edited the posticons template to offer a collapse/expand feature. :) Just one template edit and the feature is visible everywhere posticons are enabled.

REPLACE posticons TEMPLATE WITH:
<if condition="$show['posticons']">
<script type="text/javascript">
<!--
function swap_posticon(imgid)
{
var out = fetch_object("display_posticon");
var img = fetch_object(imgid);
if (img)
{
out.src = img.src;
out.alt = img.alt;
}
else
{
out.src = "$vboptions[cleargifurl]";
out.alt = "";
}
}
// -->
</script>
<br />
<table class="tborder" style="background-color:#E1E4F2" cellpadding="2" cellspacing="0" border="0" width="100%">
<thead>
<tr>
<td class="tcat" colspan="15" style="padding:4px">
<div class="smallfont"><a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('gtposticons')"><img id="collapseimg_gtposticons" src="$stylevar[imgdir_button]/collapse_tcat$vbcollapse[collapseimg_gtposticons].gif" alt="" border="0" /></a>
$xvbphrase[may_choose_icon_for_message]<strong>Post Icon</strong>: <label for="rb_iconid_0"><input type="radio" name="iconid" value="0" id="rb_iconid_0" style="margin:0px;" tabindex="1" onclick="swap_posticon(null)" $iconchecked /> $vbphrase[no_icon]</label></div></td>
</tr>
</thead>
<tbody id="collapseobj_gtposticons" style="$vbcollapse[collapseobj_gtposticons]">
<tr>
<td class="" style="width:0px">&nbsp;</td>
$posticonbits
<if condition="$show['addedspan']"><td class="" colspan="$remainingspan">&nbsp;</td></if>
</tr>
</tbody>
</table>
<else />
<input type="hidden" name="iconid" value="0" />
</if>

TIPS
- change background color (style="background-color:#E1E4F2") of table to fit your site

[COBRAws]

Princeton, your da man =D

I have around 25post icons :S

[Atakan KOC]

Very Nice. Thanks.

[Muellmann]

you are a genius! :knockedout:
This is very useful to me because i have around 40 posticons.
The same for the smilies would be much appreciated ;)

[Princeton]

I suggest moving the smilies below the editor.
You will be able to display more but I recommend 30 max per row ... the rest can be displayed in the smilies popup window.

check out my smilies below editor mod

[DiSpy]

Installed and working on v3.6.7.

THANKS! :)

[713JunctionP]

as always, great mod. helps keep the site looking cleaner.

and again, although this mod was made on vB 3.5.x it worked on my 3.6.7 version! :up:

[boatdesign]

I was looking for something exactly like this; but I'm seeing a glitch. If I click the icon to hide the post icons, the setting isn't remembered so the next time I click on New Thread the post icons are all displayed again. The up / down ( show / hide ) setting isn't remembered like vBulletin remembers whether to hide or show the posting rules box (and once you hide it, keeps it hidden as you navigate through the site.)

I replaced my posticons template with the code shown, so I don't see how I could have messed this up; am I the only one seeing this behavior?

[Tim Skellett]

What changes do I need to make to the above script to make it automatically collapsed, so that it is only uncollapsed if people click the relevant button?

Many thanks in advance for all help.

[nyunyu]

installed and working great. thanks for the hack.

[lostgirl815]

Excellent! Thanks so much!

[Jasem]

Thank you, Nice share

[VikesRule]

What changes do I need to make to the above script to make it automatically collapsed, so that it is only uncollapsed if people click the relevant button?

Many thanks in advance for all help.
Same question!

[compact123]

yhnaks sir, nice mod

[mmorse]

What changes do I need to make to the above script to make it automatically collapsed, so that it is only uncollapsed if people click the relevant button?

Many thanks in advance for all help.Same question!

Change:
<tbody id="collapseobj_gtposticons" style="$vbcollapse[collapseobj_gtposticons]">
To:
<tbody id="collapseobj_gtposticons" style="display:none">

[lm3a.net]

that's cool

thank you,,

[vijayninel]

thanks working well in 3.8.4

[Kimberley]

Can someone tell me how to align it so its centered and not cut off to the right please

screenshot below

[snowlion]

Can someone tell me how to align it so its centered and not cut off to the right please

screenshot below

It's centered, just decrease the width of your images :D

[Kimberley]

then can it be aligned left so i dont have to remake my images so smaller?