Question

How do I disable the 'Tags' feature in Primo Classic UI, Primo NEW UI and Primo VE UI? 

Answer

Classic UI:

Add the following code to your custom CSS file and upload the file on Primo back-office:

/* REMOVE BRIEF RESULTS > REVIEWS and TAGS TAB */
.EXLResult .EXLReviewsTab {display:none;}

The main menu link can be deleted in the Views wizard > Tile configuration > Main menu.

NEW UI: 

1. Download customization package of the view you want to apply the code to using the UI Customization Package Manager 

2. Paste the following code into the custom.css file located in the css directory of the package you downloaded.

/* Hide Tags in Detailed Display */
[aria-label="Tags"]{display:none;}
#tags{display:none;}

/* Hide Tags in Menu Tab */
a.md-button[aria-label="TAGS"] {display:none;}
a.md-button[aria-label="nui.mainmenu.label.tags"] {display:none;}

3. Save and upload the complete package.

This code will remove all instances of TAGS, in both the main menu and Details page. You may need to check the value of aria-labels depending on which languages are enabled for the View in order to hide the Tags features.

Example for Swedish and English labels:

/* Remove Tags */
a.md-button[aria-label="Taggar"]{display: none;}
a.md-button[aria-label="TAGS"]{display: none;}
#tags{display: none;}

Make sure you check that tags are hidden in the main menu when signed in and on the My Library Card page:

/* Hide Tags in Main Menu for authenticated users and guest users */
.md-button[aria-label="nui.mainmenu.label.tags"], .md-button[aria-label="TAGS"], {display: none;}

PRIMO VE: 

1. Download customization package of the view you want to apply the code to using the UI Customization Package Manager 

2. Paste the following code into the custom.css file located in the css directory of the package you downloaded.

/* Hide Tags in Detailed Display */
[aria-label="Tags"]{display:none;}
#tags{display:none;}

/* Hide Tags in Menu Tab */
a.md-button[aria-label="Tag"] {display:none;}
a.md-button[aria-label="mainmenu.label.tags"] {display:none;}
a.md-button[aria-label="nui.mainmenu.description.tags"] {display:none;}

3. Save and upload the complete package.

This code will remove all instances of TAGS, in both the main menu and Details page. You may need to check the value of aria-labels depending on which languages are enabled for the View in order to hide the Tags features.

Article last edited: 24-May-2018