Rafal Wasil

How to turn this voting counter ?

Sergey Stukov
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

Rafal Wasil

Yes, add example please! Thaks!

Vladimir Mullagaliyev
Quote from Rafal Wasil

Yes, add example please! Thaks!

Hello,

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

Chiara

Hi 

I would like to have the voting system as in 

http://homenewtab.userecho.com/


How can I do that?

Vladimir Mullagaliyev
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

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


Sergey Stukov
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/


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?

Sergey Stukov
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;
}



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 :-)

 Sign in to leave a comment