KB484732: How to resolve keyword underlining or highlighting, card rendering, and website distortion issues while using HyperWeb by enabling Overlay Highlighting

Description 

The HyperWeb extension uses two different techniques to highlight or underline keywords on a webpage. 

Direct Highlighting

This is the default highlighting or underlining style that is enabled for most of the webpages. The highlights or underlines are shown by directly modifying the HTML page. Sometimes, these modifications can introduce distortions in the interface of the page which can impact the way the page renders. Below are some examples of the distortions.
 

• Some words on the website can break 
  

• Repetition of words
  

• Appending new words on the website 
  

Overlay Highlighting

This is a new highlighting style that is currently used on some webpages, like LinkedIn. Instead of directly modifying the HTML of the page, a new highlighting container is created, which is then overlayed on top of the keywords. This way, the website itself is not impacted. This technique is typically used on websites that are impacted by the Direct Highlighting approach.

The Strategy HyperIntelligence Administrator can control the websites that can use the Overlay Highlighting technique using the

hyperWebConfig.json

How to Enable Overlay Highlighting

The following steps guide you on how to enable Overlay Highlighting on a website that you are experiencing underlining or highlighting issues on. 

• Remotely connect or log in to the server which has Strategy Library Web installed on it. 
• Navigate to the location where Tomcat is installed on the server. For example, in the Strategy Cloud provisioned environment:

  /opt/apache/tomcat/

  
  

• Select the Tomcat version which has Strategy Library Web installed and navigate to the

  webapps

  folder. You should see all the Strategy Webapps unpacked here.
  

• Navigate to StrategyLibrary > Apps > HyperIntelligence. The complete path in this case would be

  /opt/apache/tomcat/apache-tomcat-9.0.30/webapps/StrategyLibraryU/apps/HyperIntelligence/

  .
  

• Edit the

  hyperWebConfig.json

  file to add or remove the websites which use the overlay highlighting. It is a good idea to create a backup of the

  hyperWebConfig.json

  file in case it gets corrupted.
  

• Restart the Web Server for the latest changes to take effect.