How can I create a “Yes or No” rating for content using Knowledge Center Enterprise?

Knowledge Center Enterprise Edition comes with fully featured, integrated content rating system. You can create different types of ratings for your articles, panels, embeds and documents. To create a binary content review like shown on this article, follow the steps below:

1. Create 2 for Yes and No buttons and 2 more for the Yes button down and No button down images
2. Go to KC settings and click on Ratings
3. While in the "Article Section", Set the rating mode to "Up-down"
4. Set the max rating to "2"
5. Set the icon type to "Custom Image"
6. Set the folder URL to the location where all your rating images stored
7. Enter the "Rating up on" filename; this is the image that will show initially for positive rating
8. Enter the "Rating up off" filename; this is the image that will show when the user hovers on or click on to rate positively
9. Enter the "Rating down on" filename; this is the image that will show initially for negative rating
10. Enter the "Rating down off" filename; this is the image that will show when the user hovers on or click on to rate negatively
11. Make sure "Single" for single star selection is checked
12. Make sure "Space" for putting space between icons is checked
13. Enter the following code to the "rating text" field:

    	<div class="text-center emd-rating-block">
    	<div class="small text-bold">Was this information helpful?</div>
    	{my_rating}
    	</div>

    view raw Knowledge Center Enterprise WordPress Plugin rating text hosted with ❤ by GitHub
14. Empty the "rating stats" field
15. Do the steps above for panels, documents or embeds if you need to and Save
16. Click on KC Settings > Settings > Tools tab
17. Enter the following code in the "Custom CSS" field:

    	div.emd-ratings img{
    	width: 30%;
    	padding: 3px;
    	height: 30px;
    	}
    	div.emd-container .section-rating div.row > div.col-sm-6{
    	width:100%;
    	}
    	div.emd-container .section-rating div.row > div.col-sm-6 > div[class$="-rating"] > div{
    	float:none !important;
    	padding: 25px 0;
    	background: #fffafa;
    	border: rgba(0, 0, 0, 0);
    	border-radius: 10px;
    	}
    	div.emd-container .section-rating div.row > div.col-sm-6 .emd-rating-block{
    	border: 1px solid #c0c0c0;
    	border-radius:8px;
    	width:300px;
    	margin: 0 auto;
    	}

    view raw Knowledge Center Enterprise WordPress Plugin rating css hosted with ❤ by GitHub
18. Click on Save button
19. Check one of your articles to see how it looks and modify the code if you need to.