Blog

ServiceNow CMS Item Hints

Clients have been asking for hints for items on CMS sites.  When you hover over an item, and it displays more helpful information about that item.

With the help from the people on the ServiceNow Community Forums, I have a good way of showing how to add this functionality.

How to add Item Hints

Step 1: Add Tooltip field on content_link table

1. Using the Left Navigation Bar > System Definition > Dictionary
2. Click New
3. Dictionary Entry

  • Table: Content Link [content_link]
  • Type: String
  • Column Label: Hint
  • Column name: u_hint
  • Max Length: 40

4. Click Submit

Step 2: Adjust cms_menu_section_blocks UI Macro

1. Find line:

<h2><a href="${jvar_link_url}" target="${jvar_link_target}">${sectionGR.name.getDisplayValue()}</a></h2>

Replace with:

<h2><a href="${jvar_link_url}" target="${jvar_link_target}" title="${sectionGR.u_hint}">${sectionGR.name.getDisplayValue()}</a></h2>

2. Find line:

<a class="cms_menu_block_item" href="${jvar_link_url}" target="${jvar_link_target}">${itemGR.name.getDisplayValue()}</a>

Replace with:

<a class="cms_menu_block_item" href="${jvar_link_url}" target="${jvar_link_target}" title="${itemGR.u_hint}">${itemGR.name.getDisplayValue()}</a>

Step 3: Adjust Forms

1. Using the Left Navigation Bar > Type content_link.form
2. Personalize Form and add Hint field
3. Using the Left Navigation Bar > Type menu_section.form
4. Personalize Form and add Hint field
5. Using the Left Navigation Bar > Type menu_item.form
6. Personalize Form and add Hint field

Step 4: Add Hints

1. Go into Content Links, Menu Sections, or Menu Items and add Hints
2. See Results

CMS Hint on Menu Section: When you hover over the item with the mouse, it displays a hint

CMS Hint on Menu Item: When you hover over the item with the mouse, it displays a hint

Thanks,
Mike