Create/Edit a Patron Block - HTML page title follow this format - <<App name>> - <<selected page name>> - FOLIO

Description

Background: For a screenreader user, a descriptive HTML page title is very important. 

Requirement: We need to ensure that when a user is on the following setting pages that the HTML page title reads in the following format: <<<App name>> - <<selected page name>> - FOLIO.

  • If user clicks on Create patron block then HTML page title should read: Users - Create a new patron block - FOLIO 

  • If user clicks on Edit patron block then HTML page title should read: Users - Edit a patron block - FOLIO 

Implementation
Stripes-core exports a <TitleManager> component that can be used for this purpose. You can see the source of this component here: https://github.com/folio-org/stripes-core/blob/master/src/components/TitleManager/TitleManager.js
And example usage in the eHoldings app: 
https://github.com/folio-org/ui-eholdings/blob/476b4a02bb67301b5523159834a1f79eb8d92ded/src/routes/settings-route/settings-route.js#L6

See attached mockups

 

 

Screenshots 

 

 

 

 

Environment

None

Potential Workaround

None

Attachments

5

Checklist

hide

Activity

Show:

Amelia Sutton January 24, 2025 at 2:23 PM

Reviewed in Snapshot, closing the ticket.

Polina Ustimenko January 24, 2025 at 1:35 PM

Tested on Snapshot:

could you please review? Thank you

cc:

Emma_Haroyan January 13, 2025 at 9:44 AM

on which env, this ticket is available for testing?

Done

Details

Assignee

Reporter

Priority

Story Points

Sprint

Development Team

Corsair

Fix versions

Release

Sunflower (R1 2025)

TestRail: Cases

Open TestRail: Cases

TestRail: Runs

Open TestRail: Runs

Created December 19, 2024 at 10:20 PM
Updated March 14, 2025 at 1:18 PM
Resolved January 24, 2025 at 2:23 PM
TestRail: Cases
TestRail: Runs