Last modified by eMDPlugins - 4 months ago
190 Views
1 min read

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>
  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;
    }
  18. Click on Save button
  19. Check one of your articles to see how it looks and modify the code if you need to.
Was this information helpful?