Pika Training - Basic Interface Display Customization

Search Bars

Changing search bars from vertical to horizontal.

Go to Pika Configuration and Library System.

 

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

https://lh5.googleusercontent.com/VeU-gDYsZoIOnv3RZTc8HX73eJU4aOU1o8G1lKBnq_bgA98quyy2rvUriNa0QF8dSr9YXlPlPHBbU8vuYImt1ekWJOSI6YnWZk2WTJBAipYWCMTz9FOvAdWvbSV7xw_91qmvh0Qekx1TKvoD

Click on the Searching tab.

Click on the Search Box tab.

If the Use Horizontal Search Bar is checked, your search bar will horizontal.  If this box is unchecked, your search bar will be vertical.

Here is an example of a horizontal search bar.

C:\Users\TPOQUE~1\AppData\Local\Temp\SNAGHTML3ed6055c.PNG

Here is an example of a vertical search bar.

Sidebar Menus

Click on the link for Basic Display.

Check the box for the Display Sidebar Menu to show the sidebar menu.  Otherwise the default menu will be used.  Having this menu allows you to completely collapse the sidebar, and just displays the information from the Search, Login, Account or Help.

https://lh3.googleusercontent.com/yQjxGcjtcRN2gIIszgXWy9rn3rsiTXanhcSYjVkJXt_rqBCWWetGZuWiMBrlyXXAMKoQnTq2E-CQKZQlg1MpIbpKUboE0pTvBqquJO0fn1Wu8YB_Gv66FkAqOMlock1pglqr-Q4W      https://lh4.googleusercontent.com/jBBpt2-Vy2uk9YFIFps0xQZPsOPr5Y6DLdTRDLEYhtw6itWA0Ze_EKhyPsB17uFCt4ek6hxxfyGOSKu81DNTTYBja8XvUcFYkRSiWhs3Kp_eXAbS38UuZBZ6JnKZLTnnlMUC8nLy   https://lh5.googleusercontent.com/mfMVP-XksjccE5y6-lpAGCg8Xkr1R7gKihMBwZ33oh51m6W0GYRTy_75KrO7GeBKl_z-gYcarJlZVWwE2egzEmZeGVO32fhcgYyRRbp_76LFtA7_VbVCKVDBgOfZpOTkmJjLOuHC   https://lh4.googleusercontent.com/kzbehwyaQrOOTlfDV7R7qnhs0Ez2Pb5KiDeP2PPIzl-Ir9qCr-bI-cViURPPA72KiKAiMWen_5njmsx4WHk77_UOMFTqTZu-GmEIYb74NxrnY-N1dfXPKbNHsVc9sENiH8rRjYqi    https://lh6.googleusercontent.com/GJXYpUXwMIphf4JqVCRhSmO9RzV-BQKo88JplcxU2VQr44Bno1zWdxEfLOvxrz_ugG9a_OleFnu-Qb-sDvRZ0LAFTszFVr53-3OAoxpa2s178YgtwmIylAciLBf21gL6ow04lZ-k

Here is an example of a library that is using the Horizontal search bar, but did not check the Display Sidebar Menu.

 

The Sidebar Help Button Text can be renamed.  You can name it Help or Menu. The only suggestions is to keep it short. Any text that is too long may start wrapping, and not display vertically.

https://lh3.googleusercontent.com/RHFW86oGWhhHmuZvwt_ydA4GewxqnejqUMq0_4XUNH6dlPqq4k7Nd94NoArgCwSZsfXKBlEkvKGg_vLz5Q_vpi9-cLo9IQ1i-Hm9wK1vw6QhWX3eAcVLEj8XakmSntpWjP9KDI_m     https://lh4.googleusercontent.com/bexdFpq6M-6h8xrW7HjmZm1s6Lvds5tAGv86FFVf4e1W-Xit6S8MKRYvVLaBblY9pCkzHOX70gP5qMMZ4pQogZLOj7SkkxKAVsj0EDUPqm4d2o3olt_2hkNRm1WPC_kSiAOmqu7h

 

Here is an example of a library that has labeled the Sidebar Help Button Text to something other than Help.

 

The Show Library Hours and Locations Link allows you to show or hide the Library Hours & Locations button.  

       

The Library Hours & Locations button is activated by clicking the Show Library Hours and Locations Link which is found under  Locations for each library or branch.  You also need to put in your library address or branch addresses.  Your hours need to be entered to show in the display. Hours are also located under Locations.

     C:\Users\TPOQUE~1\AppData\Local\Temp\SNAGHTML38bd6da4.PNG

 

Header Links

Header Links are located towards the bottom of the page.  Only a few libraries use this right now. They are similar to the sidebar links.

C:\Users\TPOQUE~1\AppData\Local\Temp\SNAGHTMLf2658981.PNG

 

Click Add New to start adding Header Links.

C:\Users\TPOQUE~1\AppData\Local\Temp\SNAGHTMLf35448d4.PNG

This will give you the Link Text and URL that you would add for your Header Links.

C:\Users\TPOQUE~1\AppData\Local\Temp\SNAGHTMLf355b525.PNG

Here is an example of a library that uses Header Links.  The links will be displayed with minimal formatting so you will need to apply some styling in the Additional CSS box to make them appear the way you want.

C:\Users\TPOQUE~1\AppData\Local\Temp\SNAGHTMLf35b87fe.PNG

Here is what these Header Links look like from the Library System page.

C:\Users\TPOQUE~1\AppData\Local\Temp\SNAGHTMLf35e611e.PNG

Sidebar Links

Sidebar Links is located towards the bottom of the page.

C:\Users\TPOQUE~1\AppData\Local\Temp\SNAGHTMLd3ad47fe.PNG

These links show up in the sidebar menu of your Pika site.

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

https://lh4.googleusercontent.com/MAQdL9EK9qAznDzADBBNmTdRtKGPJpqBqK-a3trsY7vt8wOSXfDc_y6mzmDwE0DqpOWdo_LSqDArzgX_VVScsCAdv0SQdUrT8LTLjXlZr62ZlmVKZOz1PHCAYSHCk_p-Fdteoelj-e3pOxbC

The new entry will show up blank.  

C:\Users\TPOQUE~1\AppData\Local\Temp\SNAGHTMLd3b1238a.PNG

The Category will show up as a bar, which turns into a drop down bar with a link or links.

C:\Users\TPOQUE~1\AppData\Local\Temp\SNAGHTMLd3b67377.PNG

If you want more than one link listed under your category, you need to give each Link Text the same Category name.

The Link Text is the title of the link for the Category.

C:\Users\TPOQUE~1\AppData\Local\Temp\SNAGHTMLd3bb352d.PNG              C:\Users\TPOQUE~1\AppData\Local\Temp\SNAGHTMLd3bd0c7e.PNG

The URL is the actual link. If you do not want to use the URL, you can use HTML contents. This would allow you to embed a chat widget or other custom content.  As long as the widget does not require Javascript, it should work.  

C:\Users\TPOQUE~1\AppData\Local\Temp\SNAGHTMLd3c6780d.PNG          C:\Users\TPOQUE~1\AppData\Local\Temp\SNAGHTMLd3c4048c.PNG

Here is an example of a library that is using the HTML Contents for their Sidebar Links.

If you remove or do not put the Category in the box, the link will show up as a button.  Here is an example of a library who removed the information from Category to make information show up as a button.  

C:\Users\TPOQUE~1\AppData\Local\Temp\SNAGHTMLd3d518dd.PNG

 

Here is an example of a Sidebar Link as a button.  In addition, you can always go to Basic Display, Additional CSS to change the styling of this button.

C:\Users\TPOQUE~1\AppData\Local\Temp\SNAGHTMLf3583d57.PNGC:\Users\TPOQUE~1\AppData\Local\Temp\SNAGHTMLf358b4d9.PNGC:\Users\TPOQUE~1\AppData\Local\Temp\SNAGHTMLf356f9fa.PNG

 

If you want to change the order of the links, you can drag and drop them using the arrows.

 

The Marmot Union Catalog is a good example of the horizontal search bar, and the Display Sidebar Menu box is checked. The sidebar menus are collapsed.  When you click on the Help link, the Sidebar links will show.

 

Meeting Date: 
Tuesday, 2017, May 2
Documentation Type: 
Training Material
Link to File: 
Pika Training - Basic Interface Display Customization (Google Doc)
Committees: 
Discovery Committee