How can I turn on voting counter

Avatar
  • updated
  • Answered

How to turn this voting counter ?

Pinned replies
Avatar
Sergey Stukov co-founder
  • Answer
  • Answered

This is old one, but you can completely customize vote block view.


Please check this links of customer communities based on UserEcho platform, they used Custom CSS/JS feature to customise voting block.

http://feedback.spiir.dk/

http://homenewtab.userecho.com/


You can do the same of completely own design.


Link for the Custom CSS/JS settings


https://kanbo.userecho.com/settings/project/customcss/


We can add example to your account, for example to display bigger voter block and then you can customise it

Avatar
Sergey Stukov co-founder
  • Answer
  • Answered

This is old one, but you can completely customize vote block view.


Please check this links of customer communities based on UserEcho platform, they used Custom CSS/JS feature to customise voting block.

http://feedback.spiir.dk/

http://homenewtab.userecho.com/


You can do the same of completely own design.


Link for the Custom CSS/JS settings


https://kanbo.userecho.com/settings/project/customcss/


We can add example to your account, for example to display bigger voter block and then you can customise it

Avatar
Rafal Wasil

Yes, add example please! Thaks!

Avatar
Vladimir Mullagaliyev co-founder
Quote from Rafal Wasil

Yes, add example please! Thaks!

Hello,

Check your project's CSS. We've added some example.

Avatar
Chiara

Hi 

I would like to have the voting system as in 

http://homenewtab.userecho.com/


How can I do that?

Avatar
Vladimir Mullagaliyev co-founder
Quote from Chiara

Hi 

I would like to have the voting system as in 

http://homenewtab.userecho.com/


How can I do that?

We've added the same CSS to your project. You are able to change it in you project settings -> Project -> Custom CSS/JS

Avatar
Chiara

Thanks a lot Vladimir!
One more question: would it be possible to do not have the voting from 1 to 5 but only one "up" (positive) vote?
We are planning to use this as a sort of check for which topics are most "appreciated" by the community, so my real need is to have one vote per user, with only one number. In this way, I can simply read the number and see how many people find that particular topic interesting. 


Thanks a lot,

Chiara


Avatar
Sergey Stukov co-founder
Quote from Chiara

Thanks a lot Vladimir!
One more question: would it be possible to do not have the voting from 1 to 5 but only one "up" (positive) vote?
We are planning to use this as a sort of check for which topics are most "appreciated" by the community, so my real need is to have one vote per user, with only one number. In this way, I can simply read the number and see how many people find that particular topic interesting. 


Thanks a lot,

Chiara


You can control your voting settings here 

https://homenewtab.userecho.com/settings/feedback/1/setup/


Avatar
laboxideale
Quote from Vladimir Mullagaliyev

We've added the same CSS to your project. You are able to change it in you project settings -> Project -> Custom CSS/JS

Hello,

I'm also interest that you add such an exemple for bigger vote counters in my community.

(I'm rather interested with a simpler one, unique color, placed on the left side like in https://kanbo.userecho.com )


Best regards.


P.S. Maybe one or two CSS snippets like that could be given in your "Tips & Tricks" knowledge base?

Avatar
Sergey Stukov co-founder
Quote from laboxideale

Hello,

I'm also interest that you add such an exemple for bigger vote counters in my community.

(I'm rather interested with a simpler one, unique color, placed on the left side like in https://kanbo.userecho.com )


Best regards.


P.S. Maybe one or two CSS snippets like that could be given in your "Tips & Tricks" knowledge base?

This code added to Custom Css settings will look as on the screenshot below

.topic-votes {
 float: left !important;
margin: 0 5px 20px 0;
}
.topic-votes span::after {
   display: block;
   content: " votes";
   font-size: 14px;
}
.topic-votes .label {
   padding: 10px;
   font-size: 20px;
   margin-right: 10px;
   float: left;
}



Avatar
laboxideale
Quote from Sergey Stukov

This code added to Custom Css settings will look as on the screenshot below

.topic-votes {
 float: left !important;
margin: 0 5px 20px 0;
}
.topic-votes span::after {
   display: block;
   content: " votes";
   font-size: 14px;
}
.topic-votes .label {
   padding: 10px;
   font-size: 20px;
   margin-right: 10px;
   float: left;
}



Perfect! Thanks a lot :-)