Easy Label Searching

[<i>pebble</i>]

Plugin	: Easy Label Search
Author	: @<i>pebble</i>league
Download	: Dropbox
Keys Used	: None
Last Update	: 16/05/2014
Version	: v1.0.0
Demo	: None yet.....
Template Mods	: One

Images:


Required Inputs : The text that will appear before each label.

Description : This plugin will display a list of all available ( & much under used ) labels on the thread list page.

Instructions : Download & import to your forum.

Enable this plugin and add :
<div id="labelscont"></div>

to your template, where you want it to appear.

With CSS you can target the container with:
#labelscont{
css here
}

And each label container can be targeted with :
.labeldisplay{
css here
}

If you need support, leave a post in this thread and please remember to tag me, @<i>pebble</i>league.

Enjoy!
<i>pebble</i>.

[Sailor Moon]

@<i>pebble</i>league Can you post your css you used for this one as an example?

[<i>pebble</i>]

If you're looking to list them vertically, then you can add :


.labeldisplay{
display: block;
}

The colours are taken from the labels themselves.

[Sailor Moon]

Hmm well I've been monkeying around with it for a bit.  I don't really know much CSS so really it's just been me and Google lol.  At first I didn't know what line I should put it in the template.  I think it looks okay right now.  Any suggestions?

link

[<i>pebble</i>]

May 22, 2014 15:23:55 GMT 1 Sailor Moon said:

Hmm well I've been monkeying around with it for a bit.  I don't really know much CSS so really it's just been me and Google lol.  At first I didn't know what line I should put it in the template.  I think it looks okay right now.  Any suggestions?

link

I'm definitely not the person to ask about design! That is more Admin ( FKA RADesign ) 's or Speed 's area.....
But, id personally add the margin-right to your CSS and reduce the box-shadow:

.labeldisplay {
padding-left: 7px;
padding-right: 7px;
border: 2px solid black;
box-shadow: 5px 5px 2px #62435a;
background-color: #967d90;
margin-right: 2px;
}


And the background for the content holder, I'd give a similar colour & reduce the padding-left or remove it :

#labelscont {
border: 1px solid black;
padding-left: 5px;
background: #967d90;
}


But as I said , I'm not a GFX guru, I just code and then go and ask Admin ( FKA RADesign ) to do the GFX/styling !

[Admin ( FKA RADesign )]

Enable this plugin and add :
<div id="labelscont"></div>

to your template, where you want it to appear.

Just wondering, how many of these div's do you need to ad? I'm just asking as I noticed 15 of them on Sailor Moon's forum.

[<i>pebble</i>]

May 22, 2014 21:11:15 GMT 1 Admin ( FKA RADesign ) said:

Enable this plugin and add :
<div id="labelscont"></div>

to your template, where you want it to appear.

Just wondering, how many of these div's do you need to ad? I'm just asking as I noticed 15 of them on Sailor Moon's forum.

Just the one!
Sailor Moon has probably got it inside a loop in the template. I think I need some better instructions!

EDIT : Sailor Moon , for where you want the label search to appear, remove the other <div>'s you've put in and jsut add the one at the very top of the 'thread list' template.


Edit: Nope , that would be wrong....
Remove where you have the div at the moment and then find this part in the 'Board' tab and add the div line in green, like so:

<div class="content cap-bottom">
<div id="labelscont"></div>
<table class="list">
<thead>
<tr class="head">
<th class="icon"><span class="aria-hidden">Status</span> </th>
<th class="checkbox"> </th>
<th class="main">Subject</th>
<th class="created-by">Created By</th>
<th class="replies">Replies</th>
<th class="views">Views</th>
<th class="latest last">Last Post</th>
</tr>
</thead>
<tbody class="$[list_class]">
$[thread_list]
</tbody>
</table>
</div>

[Sailor Moon]

Oh wow, yes that looks much better I'm always open to advice so thanks a lot

[Sailor Moon]

@<i>pebble</i>league ME AGAIN lol. Do you know if it's possible to "hide" labels in the thread list? I've started adding "genres" and I think (with the aid of your label list) the threads would look less cluttered if I could hide the labels. I still want the labels on the threads (can see them when you open one). Am I making sense? Sorry, I work overnights and am tired. Hope you understand my linguity

[<i>pebble</i>]

Yep, you should be able to find this in your template, and remove it > $[thread.labels]

[Admin ( FKA RADesign )]

May 22, 2014 15:23:55 GMT 1 Sailor Moon said:

Hmm well I've been monkeying around with it for a bit.  I don't really know much CSS so really it's just been me and Google lol.  At first I didn't know what line I should put it in the template.  I think it looks okay right now.  Any suggestions?

Just my personal recommendations to match it with the rest of the Theme:

.labeldisplay {
padding-left: 7px;
padding-right: 7px;
border: 1px solid #62435a;
background-color: #967d90;
margin: 2px;
}


#labelscont {
border: 1px solid #967d90;
padding: 3px 5px 4px;
background: #967d90;
}


Preview:

[Sailor Moon]

It doesn't seem to be working now. I can see the labels in the posts, so I know it's still working BUT when I click on the labels themselves it says "No Threads were found".

[<i>pebble</i>]

Mine isn't working either. Over at PB'support there are a couple of threads about the search facility not working. As they are not in the office until later today, I guess we'll have to wait for them to re-boot the searching.

Maybe you could make a thread there telling them the label search is down. It might bring it to their attention sooner....

[Sailor Moon]

Yup, soon as I realized it was a proboards boo boo, I reported it right away <3 this plugin thanks!

[Sailor Moon]

What about the ability to hide certain labels? I want to add some "decade" labels and have them accessible through my sidebar as I feel like my label list is getting a tad too big.

Right now I'm just filtering them through the search but it shows all the posts that have the numbers in it (ie. set in the 1920's) meanwhile it's a movie from the 80's.