How to change vote text in Community

Hi Ola,

Adding this code in the theme editor Article page will do the trick:

<script>
$( document ).ready(function() {
change_text = function(){
str = $('.article-vote-label').html();
str = str.replace('found this helpful','liked it');
$('.article-vote-label').html(str);
};
change_text();
$('.article-vote-controls').on('click',function(){
var ivl_count=0;
ivl = setInterval(function(){
change_text();
console.log('x');
if (++ivl_count === 40) {window.clearInterval(ivl);}
},25)
});
});
</script>

There is no fully browser-compatible event that can catch span text change.

Therefore, the solution I found is to use SetInterval function with very short interval (25ms) and long enough time to win the race of changing the text after zendesk modifies the label.

The text may flicker once after you hit the vote button, but most often it won't.

I hope that helps,

Tal

Hi Tal

Thank you so much!  I made a couple of changes to account for using a community post instead of an article, but it has worked perfectly.

Ola

Hi Tal,  
I hope it is ok to add to this post.  On our Community Post page the arrows for voting do not render on the page.  You can hover them and the function works though.  I ran across this article and actually like the idea of Like and Dislike buttons better.  Would you mind guiding me with a little more detail on how to make this change?

Thanks!

We have added this for articles, but I cannot figure out how to make it work for community posts. Any help would be greatly appreciated