These are the constants used by Cabrillo JS.

Cabrillo JS constants - button styles

Constants to use when setting the style of a button.

Table 1. Properties
Name Type Description
cabrillo.viewLayout.MORE_MENU_BUTTON_STYLE String Indicates that the button appears in the navigation bar's overflow button menu.
cabrillo.viewLayout.REPLACE_BACK_BUTTON_STYLE String Replaces the native back button with a Cabrillo button.
Note: Use this style with caution. If the webpage does not restore the native back button after using the Cabrillo replacement, the user may not be able to navigate back.

Cabrillo JS constants - close button styles

Constants to use when setting the close button style of modal interfaces.

Table 2. Properties
Name Type Description
cabrillo.modal.CLOSE_BUTTON_STYLE_CANCEL String The modal has a localized cancel button to close the modal.
cabrillo.modal.CLOSE_BUTTON_STYLE_CLOSE String The modal has a localized close button to close the modal.
cabrillo.modal.CLOSE_BUTTON_STYLE_DONE String The modal has a localized done button to close the modal.

Cabrillo JS constants - message styles

Constants to use when setting the style of a message.

The appearance of each message style can be customized using theme colors. For more information, see Next Experience theming for mobile.

Cabrillo JS constants - modal presentation styles

Constants to use when setting the presentation style of modal interfaces.

Table 4. Properties
Name Type Description
cabrillo.modal.MODAL_PRESENTATION_STYLE_FULL_SCREEN String The modal is presented full screen.
cabrillo.modal.MODAL_PRESENTATION_STYLE_FORM_SHEET String The modal is presented as a form sheet, but may adapt to full screen on small devices.