View Full Version : Make poll bars all the same color
Hi,
Can someone tell me how to make the poll bars all the same color? I would love the use the blue bar only.
Thanks!
CAG CheechDogg
01-04-2015, 12:35 AM
Go to Style Variable Editor and type in "pollbar"
You should see the following:
pollbar1_background
pollbar2_background
pollbar3_background
pollbar4_background
pollbar5_background
pollbar6_background
change these to the color you want ...
ozzy47
01-04-2015, 02:13 AM
Yeah that should work, but can I ask why you would want all the bars the same color?
Thanks a lot! Ozzy i just think it looks better :)
I have two more questions...
Is there any way to get rid of the percentage in polls?
Also is there a way I can put the word "votes" after each voter votes? For example 1 vote, 2 votes, etc
This is currently how my polls look:
151520
MarkFL
01-08-2015, 05:55 AM
Thanks a lot! Ozzy i just think it looks better :)
I have two more questions...
Is there any way to get rid of the percentage in polls?
Also is there a way I can put the word "votes" after each voter votes? For example 1 vote, 2 votes, etc
This is currently how my polls look:
151520
Go to the template "pollresult" and look for the following code...I have added code in red to do what you want.
<div class="votes">
<div class="pollbarwrapper">
<div class="pollbar{vb:raw option.graphicnumber}" style="width:{vb:raw option.percentraw}%"></div>
</div>
<span class="numvotes" style="float: right">{vb:raw option.votes} Votes</span>
<vb:comment><span class="percentvotes">{vb:raw option.percent}%</span></vb:comment>
</div>
I commented out the percentage rather than remove it in case you wish to restore it, this will be easier for you. If you want the singular "Vote" when there is 1 vote would require some code...I could write some javascript code if you want.
edit: Just in case this is what you want, then change the code I posted above to:
<div class="votes">
<div class="pollbarwrapper">
<div class="pollbar{vb:raw option.graphicnumber}" style="width:{vb:raw option.percentraw}%"></div>
</div>
<span class="numvotes" style="float: right">{vb:raw option.votes}</span>
<vb:comment><span class="percentvotes">{vb:raw option.percent}%</span></vb:comment>
</div>
Then, go to the "pollresults_table" template, and at the very bottom, add the following:
<script>
var el = document.getElementsByClassName("numvotes");
for (var n = 0; n < el.length; n++)
{
if (el[n].innerHTML == "1")
{
el[n].innerHTML += " Vote";
el[n].style.paddingRight = "1em";
}
else
{
el[n].innerHTML += " Votes";
}
}
</script>
squidsk
01-08-2015, 01:47 PM
Rather than add a bunch of javascript why not just wrap the s from votes in a <vb:if> as follows:
Vote<vb:if condition="$option['votes']>1">s</vb:if>
MarkFL
01-08-2015, 03:31 PM
The use of a vb conditional is a much better idea, and to make just the case where 1 vote is singular, and handle the alignment issue, use this in your "pollresult" template:
<div class="votes">
<div class="pollbarwrapper">
<div class="pollbar{vb:raw option.graphicnumber}" style="width:{vb:raw option.percentraw}%"></div>
</div>
<span class="numvotes" style="float: right;<vb:if condition="$option['votes'] == 1">padding-right: 1em;</vb:if>">{vb:raw option.votes} Vote<vb:if condition="$option['votes'] != 1">s</vb:if></span>
<vb:comment><span class="percentvotes">{vb:raw option.percent}%</span></vb:comment>
</div>
vBulletin® v3.8.12 by vBS, Copyright ©2000-2025, vBulletin Solutions Inc.