In-page alert

Use the in-page alert component to display contextual notifications within page content, with options for warning, success, info, and critical alert types.

Add the component to your page

When you are editing your page using page-builder:

  1. Add a component to your page by clicking the widgets Add component button or by adding a content block (by clicking the add_circle button) then clicking the add component button.

  2. Locate the in-page alert Squiz core component within the component browser and then click the select button.

    in page alert component select

  3. This will add the in-page alert component to your page.

Configure the in-page alert component

in page alert fields

  1. Content: Enter the content to display for your alert.

  2. Call-to-action button link type: Choose the type of link that your alert will link to. You have a choice of a Matrix asset, or a user-defined link.

  3. Call-to-action button - Link: Depending on what link type you select you will see one or two fields to specify your link.

    • Call-to-action button - Matrix asset: This is displayed for Matrix asset picker links and allows you to choose the CMS page that your card links to.

    • Call-to-action button - Text: This is displayed for user-specified links and defines the link text.

    • Call-to-action button - URL: This is displayed for user-specified links and defines the link URL.

  4. Call-to-action button target: This controls how the link is opened when you click on the link. (e.g. open in a new page)

  5. Alert type: Sets the type of alert to display.