Make poll bars all the same color

[dj83]

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]

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]

Yeah that should work, but can I ask why you would want all the bars the same color?

[dj83]

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:
Attachment 151520

[MarkFL]

Originally Posted by dj83

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:
Attachment 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]

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]

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>