Skip to main content
  • Subscribe by RSS
  • ExLibris Dev

    Making the Primo Front End Read Only

    This section describes the steps required to make the Primo Front End read-only, which consists of hiding features that interact with the external system or user data, such as the following features:
    • OPAC via Primo requests
    • Access to My Account
    • Creating new tags
    • Creating or editing reviews
    • Saving queries
    • Adding items to the e-Shelf basket (as an authenticated user)
    • Ordering items in the Main menu
    This may be useful during the cutover period when changing your current ILS to Alma.
    To make the FE read-only:
    1. Create a file called readonly.css and include the following information:

      * Readonly Attributes */

      /* Hide the e-shelf feature */
      .EXLMyShelf,.EXLResultsList td.EXLMyShelfStar, .EXLFacetContainer div.EXLFacetActionsV2 li.EXLFacetSaveToEShelfAction, .EXLTabHeaderButtons ol.EXLTabHeaderButtonSendToList li.EXLButtonSendToMyShelf {display: none;}

      /* Hide the My Account feature */
      .EXLMyAccount {display: none;}

      /* Hide the ability to add new Tags and reviews and to view your reviews and tags */
      .EXLTagsContainer p:first-child, .EXLReviewsContent p:first-child, div#myTags, .EXLTagsPageRecentTags, .EXLReviewsContent cite {display: none;}

      /* Hide the ability to place requests */
      .EXLTabsRibbon div li.EXLRequestTab {display:none;}
      .EXLLocationTableActions {display:none;}
      .EXLLocationTableHeaderActions {display:none;}

      /* Hide the ability to save queries */
      .EXLFacetContainer div.EXLFacetActionsV2 li.EXLFacetSaveSearchAction {display: none;}

      /* Create a readonly banner that displays a read-only message at the top of the Front End */
      div.readonly {padding: 0px; margin: 0px 0px 0px 0px; font-size: 80%;
      border-bottom: 1px solid #E1E1E1; border-top: 1px solid #E1E1E1;
      background-color: #d93f3b; color: #ffffff; text-align: center;
      line-height: 36px; font-weight: bold;}

    2. Save the file to the server. If you do not have access to the server, use the File Uploader utility (Primo Home > Primo Utilities) to upload the file.
    3. Edit the CSS mapping table (Primo Home > Advanced Configuration > All Mapping Tables > Front End subsystem).
    4. In each mapping row, append readonly.css to the list of CSS files in the CSS URL field. For example: Primo_default.3.0.css;../uploaded_files/<YOUR_VIEW>/readonly.css
    5. Save and deploy your changes to the mapping table.
    6. Edit the Static HTML file that you use for the header and add the following text:

      <script type="text/javascript">
      // To be added in your static HTML file header during the Alma cutover period
      (function() {
              // You can customize the message if you want
          var mess = 'Due to system upgrade some services may not be available. Please contact library staff for additional information and services.';
          $('body').prepend('<div class="readonly">' + mess + '</div>');


    7. Save the modified static HTML file to the server. If you do not have access to the server, use the File Uploader utility (Primo Home > Primo Utilities) to upload the file. In the FE, you should see the message at the top of the page:
    • Was this article helpful?
    // feedback widged