LibCal Custom Formatting - ucsf-ckm/ucsf-library-ux-and-web-documentation GitHub Wiki

Background: Custom formatting for LibCal to improve the user experience.

Contents:

Landing page
Language options

Landing page

CSS applied to Admin > Look and Feel > Code Customizations that adds staff title to LibCal landing page in Book a Consultation dropdown.

#s-lc-content-mysched-000000000:after {
content: ' - title of staff member';
}

For the 9-digit id number (shown above as 000000000), right click the expert's name from the LibCal landing page and select Inspect Element and copy/paste in their unique number.

LibCal landing page

Language options

Instructions for overriding language for certain buttons, headings, and error messages so we can remove confusing language like Add to Cart. Springshare documentation here.

You can find these settings by heading to Admin > System Settings > Language Options (tab) > Custom Language. Simply enter the text you want to replace the default text with and save your changes.

The following labels were changed under Equipment & Spaces after receiving specific feedback from library stakeholders from the 2019 Springshare Satisfaction Survey.

  1. in cart > reserved
  2. Add to Cart > Add Item
  3. Add to Car & Checkout > Submit Reservation

LibCal interface

  1. Checkout > Submit Reservation

LibCal interface

  1. Equipment Checkout > Equipment Reservation
  2. Booking Details > Reservation Details
  3. Add Another Booking > Add Another Item

LibCal interface

  1. Fill out this form to complete the booking. > Fill out this form to complete your reservation
  2. Submit my Booking > Submit

LibCal interface

  1. Create a shopping cart with these space bookings, and go to equipment booking page to add more items to the cart. > Create a reservation with these space bookings and go to the equipment reservation page to add more items.