/
Sidebar and Header Links

Sidebar and Header Links

Configuration options for the Holidays section of the Library System.


Top of page

Table of Contents

Sidebar and Header Links Configuration

Go to Pika Configuration and Library Systems from the left sidebar.  

Screenshot of the pika configuration menu highlighting the library systems option

Click the Library Id number, or the Edit link to gain access to the Library Systems page.

Screenshot of the library systems table highlighting the access links

The Sidebar Links configuration table is located toward the bottom of the page.

Screenshot of the sidebar links configuration table

Sidebar Links

Sidebar Links will display in the sidebar of your Pika instance. Depending on which settings your library uses, they may display at all times or, when using the Sidebar Menu option, Sidebar Links will display when the sidebar menu is expanded.

Default Sidebar Display Sidebar Menu Display

Screenshot of the default sidebar links display

 

Screenshot of the sidebar menu sidebar link display

 

Configuring Sidebar Links

Click the Add New to add a sidebar or a new sidebar link.

Screenshot of the sidebar links configuration table highlighting the add new button

The new entry will show up blank.  

Screenshot of the sidebar links configuration table with blank fields after adding a new table entry

Category

The Category field allows you to group links within a single, shared menu. When links share the same Category, they will be combined into an expandable menu.

Screenshot of the sidebar links configuration table highlighting shared category
Screenshot of a collapsed link category menu
Screenshot of an expanded link category menu

If a link does not have information in the Category field, the link will display as a standalone button.

Screenshot of the sidebar links configuration table highlighting the category fields with no entered data
Screenshot of standalone sidebar link buttons

 

Link Text

The Link Text is the text you supply for the link for display.

Screenshot of the sidebar links configuration table highlighting the link text field
Screenshot of sidebar menu links highlighting the link text display

URL

The URL field is where the access link URL is entered.

Screenshot of the sidebar links configuration table highlighting the URL field

To change the order of the links, you can drag and drop them using the arrows.

Screenshot of the sidebar links configuration table highlighting the drag and drop sort feature

Top of page

HTML Contents

Enter basic HTML code in the HTML Contents field to style standalone link buttons.

Screenshot of the sidebar links configuration table highlighting the HTML contents field

Show in Account/Help/Expanded options

The Show in Account, Show in Help and Show Expanded options control where and how the sidebar links display.

Screenshot of the sidebar links configuration table highlighting the show in account, show in help, and show expanded options

If the Show in Account option is enabled, the links will display in the My Account section of a patron’s account, even if they are displayed in the Show in Help section.

Screenshot of the sidebar links displaying in the user account with the show in account option enabled

If the Show in Help option is enabled the links will display in the Help section (which may be retitled for your site) of the Sidebar Menu if the Display Sidebar Menu option is also toggled on. If your library is not using the Display Sidebar Menu option, the links will display regardless of this option being enabled or disabled.

The Show in Help option is toggled on by default when adding new links and should usually be enabled for most links.

Screenshot of the sidebar links displaying in the help menu with the show in help option enabled

The Show Expanded option forces a link category menu to be expanded by default, when the links share a common category.

Screenshot of the sidebar links displaying in the menu with the show expanded option enabled

Top of page

Advanced HTML editor for HTML Contents

The advanced editor page allows you to customize HTML Contents for links. For more information about using the HTML editor in Pika, please reference the HTML Text Editor documentation.

Clicking on the edit pencil icon located under Actions will open the advanced editor page. 

Screenshot of the sidebar links configuration table highlighting the edit action option to access the advance HTML editor form
Screenshot of the advanced HTML editor form for sidebar links

The following html tags allowed in the advanced editor:  

<a><b><em><div><script><span><p><strong><sub><sup><img><p><strong><br><iframe>

Here is an example of a library using the HTML Contents in their Sidebar.

Screenshot of displayed advanced HTML sidebar links with images

Top of page

Header Links

Marmot recommends against using the Header Links. Header Links commonly present issues when using Pika on a mobile device.

Header Links are similar to sidebar links in functionality but more limited options. Header Links

Screenshot of the header links table

Here is an example of a library that uses Header Links, with Additional CSS styling.

Screenshot of a library's pika interface where customized header links are displayed

Top of page

Related Documentation

 

Related content