---
sourceDocument: Xanadu API Reference
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/xanadu/api-reference

 Release :

    - xanadu

ft:locale :

    - en-US

ft:publication_title :

    - Xanadu API Reference

ft:clusterId :

    - crapiref

bundleId :

    - crapiref

workflow :

    - Creator


---

# Cabrillo JS constants

# Cabrillo JS constants {#ariaid-title1}

* Release version: Xanadu
* 
* Updated August 1, 2024
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute to read

These are the constants used by Cabrillo JS.

## Cabrillo JS constants - button styles {#ariaid-title2}

Constants to use when setting the style of a button.
{#cabrillo-button-styles__table_tq2_dc2_wbb__entry__3}

| 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. |
[Table 1. Properties]

{#cabrillo-button-styles__table_tq2_dc2_wbb}

## Cabrillo JS constants - close button styles {#ariaid-title3}

Constants to use when setting the close button style of modal interfaces.
{#cabrillo-close-button-styles__table_w5x_z12_wbb__entry__3}

| 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. |
[Table 2. Properties]

{#cabrillo-close-button-styles__table_w5x_z12_wbb}

## Cabrillo JS constants - message styles {#ariaid-title4}

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](https://www.servicenow.com/docs/access?context=explore-ne-theming&version=xanadu&pubname=xanadu-mobile&ft:locale=en-US).
{#cabrillo-message-styles__table_tq2_dc2_wbb__entry__3}

| Name | Type | Description |
|-|-|-|
| cabrillo.message.ERROR_MESSAGE_STYLE | String | The message is styled to indicate an error. |
| cabrillo.message.INFO_MESSAGE_STYLE | String | The message is styled to indicate non-critical information. |
| cabrillo.message.SUCCESS_MESSAGE_STYLE | String | The message is styled to indicate a success. |
| cabrillo.message.WARNING_MESSAGE_STYLE | String | The message is styled to indicate a warning. |
[Table 3. Properties]

{#cabrillo-message-styles__table_tq2_dc2_wbb}

## Cabrillo JS constants - modal presentation styles {#ariaid-title5}

Constants to use when setting the presentation style of modal interfaces.
{#cabrillo-modal-present-styles__table_e5v_f12_wbb__entry__3}

| 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. |
[Table 4. Properties]

{#cabrillo-modal-present-styles__table_e5v_f12_wbb}