Home Button is an extension that adds more control to the standard home and back buttons.
Home Button can be configured based on the specific location where it is used (e.g. a menu or a page). Options include:
- Hiding either the home and/or back button. One or both can appear in the navigation at the same time.
- Changing the text of the buttons
- Redirecting the button to a specific location (e.g. an introductory page)
All configuration options must be added and amended, where appropriate, for all JSON files.
The following attributes are set within config.json.
The Home Button object contains the following settings:
Controls whether the Home Button extension is enabled
The following attributes are set within course.json. These are used to set some default settings and the navigation order:
The Home Button object contains the following settings:
The order that the button appears in the navigation
Controls whether the button should use a navigation label or just an icon
The button's aria-label
text. Used to override global setting
The button label text as it appears in the navigation
The Navigation Tooltip object contains the following settings:
Controls whether the navigation tooltip is enabled
The text of the tooltip. Used to override global setting
The following attributes are set within course.json and/or contentObjects.json. These are used to override global settings and customize the button for a specific page or menu.
The Home Button object contains the following settings:
Controls whether the Home Button extension is enabled
Controls whether the home button is hidden or not
Controls whether the back button is hidden or not. Applies to contentObjects.json only.
The page ID that the home button should redirect the user to. Use when overriding standard behaviour such as redirecting to an introductory page from the menu.
The button's aria-label
text. Used to override global setting
The button label text as it appears in the navigation. Used to override global setting
The Navigation Tooltip object contains the following settings:
Controls whether the navigation tooltip is enabled. Used to override global setting
The text of the tooltip. Used to override global setting
No known limitations.
Framework versions: 5.30.3+
Author / maintainer: CGKineo
Accessibility support: WAI AA
RTL support: Yes
Cross-platform coverage: Chrome, Chrome for Android, Firefox (ESR + latest version), Edge, IE11, Safari 12+13 for macOS/iOS/iPadOS, Opera