Skip to content
Release: Australia · Updated: 2026-03-12 · Official documentation · View source

Cabrillo JS constants

These are the constants used by Cabrillo JS.

Parent Topic:Client mobile API reference

Cabrillo JS constants - button styles

Constants to use when setting the style of a button.

NameTypeDescription
cabrillo.viewLayout.MORE\_MENU\_BUTTON\_STYLEStringIndicates that the button appears in the navigation bar's overflow button menu.
cabrillo.viewLayout.REPLACE\_BACK\_BUTTON\_STYLEStringReplaces 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.

NameTypeDescription
cabrillo.modal.CLOSE_BUTTON_STYLE_CANCELStringThe modal has a localized cancel button to close the modal.
cabrillo.modal.CLOSE_BUTTON_STYLE_CLOSEStringThe modal has a localized close button to close the modal.
cabrillo.modal.CLOSE_BUTTON_STYLE_DONEStringThe 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.

NameTypeDescription
cabrillo.message.ERROR_MESSAGE_STYLEStringThe message is styled to indicate an error.
cabrillo.message.INFO_MESSAGE_STYLEStringThe message is styled to indicate non-critical information.
cabrillo.message.SUCCESS_MESSAGE_STYLEStringThe message is styled to indicate a success.
cabrillo.message.WARNING_MESSAGE_STYLEStringThe message is styled to indicate a warning.

Cabrillo JS constants - modal presentation styles

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

NameTypeDescription
cabrillo.modal.MODAL_PRESENTATION_STYLE_FULL_SCREENStringThe modal is presented full screen.
cabrillo.modal.MODAL_PRESENTATION_STYLE_FORM_SHEETStringThe modal is presented as a form sheet, but may adapt to full screen on small devices.