Show/Hide Other Institutions


July 2018

Created by

Paul Ojennus, Whitworth University


Add a button in the detail display that will toggle display of the list of institutions holding the item. You can customize the labels on the button and set the default state of the list as visible or hidden.

The July 2018 update to this customization addressed several issues with the original customization:

  1. The customization hangs on the prmAlmaMoreInstAfter hook in the local package, so that individual institutions can use that hook for other customizations.
  2. The code follows the enclosure practices recommended by ExLibris so it will be easier to update and work better with the DevEnv.
  3. It follows the PCSG guidelines for accessibility.


Show libraries button under Git it from other institutions.


Libraries with Summit holdings expanded under Hide libraries button in Primo.

System Components

PBO, Package Manager

Skillset Requirements

PBO, Javascript

Implementation Steps

  1. In the PBO make sure you have the “Inherit Central Package” box checked.
  2. In your local package, in the custom.js file, include the module ‘toggleInstitutions’ in your app definition, for example:

    var app = angular.module('viewCustom', ['toggleInstitutions']);

    If you are using other angular modules your app definition will include those also. For example:

    var app = angular.module('viewCustom', ['angularLoad,', 'customActions', 'reportProblem','toggleInstitutions']);
  1. In your local package, in the custom.js file, add the following line of code:

    app.component('prmAlmaMoreInstAfter', { template: '<toggle-institutions />' });
  2. If you want to customize your button (labels, default state), add the following block of code and edit the values for your preferences:

    app.constant('showHideMoreInstOptions', {
            default_state: "hidden",
            show_label: "Show libraries",
            hide_label: "Hide libraries"

    For “default_state” you can set this to “hidden” or “visible”.

    “show_label” and “hide_label” can be any text string that you want to appear on the button. By default, the values are “hidden”, “Show Summit Libraries” and “Hide Summit Libraries”.

    The button has the ID “summitButton”, so you can style it in css with #summitButton
  3. If you implemented the earlier version of this customization, be sure to remove that code from your custom.js.
  4. Zip and upload your package
  5. Deploy your view

Related Customizations