Blog

Navigation buttons for Knowledge Management

Currently ServiceNow Knowledge Management can be filtered by Knowledgebase and Category. That is great for helping users find the most relevant article to help them.

However if you want to direct them through a series of Knowledgebase articles there isn't anything to do that.  This article provides some helpful HTML you can use in an KB article to direct the user within a series of articles.  You can also use these HTML buttons for other coding as well.

Now these buttons have the KB number hardcoded in the HTML.  However for a short series of articles it works great.  Eventually ServiceNow may release a way to group KB articles in a series, but this can help hold over until that is introduced.

Please note that you may have to adjust this depending on your version of Tiny MCE used in ServiceNow.

Next Article Button

Code Instructions

1. Open the KB Article you want to add a button into.
2. Use the TinyMCE Editor on the KB Article description and click the <> icon to view the source code and add this html to the article.  You have to change the KB # to direct to certain articles

<table><tbody>
  <tr><td style="background: #278EFC; font-size: 13px; padding: 5px; display: block; -moz-border-radius: 3px; -webkit-border-radius: 3px;">
  <a style="color: #fff;" href="kb_view_customer.do?sysparm_article=KB0000041" target="_top">Next Article</a>
  </td><tr>
</tbody></table>

3. Click Save

Screenshot

Next and Previous Article Buttons

Code Instructions

1. Open the KB Article you want to add a button into.
2. Use the TinyMCE Editor on the KB Article description and click the <> icon to view the source code and add this html to the article.  You have to change the KB # to direct to certain articles

<table style="border-collapse: separate; border-spacing: 5px;"> 
<tbody>
<tr>
<td style="background: #278EFC; font-size: 13px; padding: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px;"><a style="color: #fff;" href="/kb_view_customer.do?sysparm_article=KB0000041" target="_top" rel="nofollow">Previous Article</a></td>
<td style="background: #278EFC; font-size: 13px; padding: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px;"><a style="color: #fff;" href="/kb_view_customer.do?sysparm_article=KB0000041" target="_top" rel="nofollow">Next Article</a></td>
</tr>
</tbody>
</table>

3. Click Save

Screenshot

Hope this helps!
Mike