> For the complete documentation index, see [llms.txt](https://docs.intranet.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.intranet.ai/sharepoint-intranet/components/page-alert.md).

# Page alert

## What is Page alert

This useful component is a small, friendly reminder you can place anywhere on a page. It’s designed to gently nudge users when there’s something they might have missed—like an extra step, a required action, or an important note to check—helping them stay on track without interrupting their experience.

<div align="left"><figure><img src="/files/6e9GeVzwONVLG1SoWn7e" alt=""><figcaption></figcaption></figure></div>

It can be used to highlight upcoming events, deadlines, or important service communications. The alert can include a link for quick access to more details and can be customized using company branding and colors. All disclaimers can be scheduled in advance, and each user’s view can be tracked, helping ensure the right message reaches the right people at the right time.

For quick and lightweight communications, you may also want to consider other components such as: [Alerts and service communications](https://docs.intranet.ai/sharepoint-intranet/components/alerts-and-service-communications); [Disclaimer](https://docs.intranet.ai/sharepoint-intranet/components/disclaimer)

***

## Add the Page alert web part to a SharePoint page

* If your page is not already in edit mode, click **Edit** at the top right of the page.
* Hover your mouse above or below an existing web part. You will see a line with a circled +, like this: <img src="https://docs.intranet.ai/~gitbook/image?url=https%3A%2F%2F2718234637-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FriXlnuemuParrCf7Uotu%252Fuploads%252FccHplKgXfibd4tktmhas%252Fadvanced-search-2.png%3Falt%3Dmedia%26token%3D7d703967-c3f7-4125-834b-f695362bf90b&#x26;width=40&#x26;dpr=4&#x26;quality=100&#x26;sign=34b00d6f&#x26;sv=2" alt="" data-size="line">.
* Click on it and, in the web part search box, enter **Disclaimer In Page** to quickly find and select the Discliamer in page web part, which is named "IAI - DisclaimerInPage".

<div align="left"><figure><img src="/files/mJJ2k6DDac16Y869UMsG" alt=""><figcaption></figcaption></figure></div>

* Click on the Edit properties button <img src="/files/8kLiopLaumfpeePOrOwh" alt="" data-size="line"> on the left of the web part to open the property pane and set options such as Layout settings, Data Sources and Display settings. See below for more information on each of these sections.

***

## Configuration

1\.   [Layout settings](#layout-settings)

2\.   [Data Sources](#data-sources)

3\.  [ Display settings](#display-settings)

### Layout settings

The view settings allows you to customize the appearance of your application by adjusting various layout settings.

<div align="left"><figure><img src="/files/0aF6dd29587VKVApZCE0" alt=""><figcaption></figcaption></figure></div>

By opening this first configuration, you will see the following options:

* **Do you want to hide the background?** You can choose to hide or display the webpart background The default setting is “No”. This means that, by default, the webpart is characterized by a white background. If you enable this option, the white card background will be completely removed, allowing the content appear directly on the page. As a result, the webpart will be transparent, showing either the selected background image or the chosen SharePoint page color.
* **Do you want to hide the background shadow?** You can choose whether to show or hide the background shadow. The default setting is “No”. This means that, by default, the webpart is characterized by a subtle depth effect that can make the webpart stand out more against the rest of the page. If you enable this option, the shadow behind the background will be removed, giving the web part a flatter, cleaner look without any depth.
* **Select the type of background shadow:** If you decide to set the background shadow, a further configuration will appear and you can select the style from High Contrast, Light, or Dark options.
  * If you select **High contrast**, this option creates a strong, bold shadow effect that provides a high level of contrast between the background and the content.
  * By choosing the **Light background** shadow, it will create a soft and subtle effect, giving a more delicate and gentle depth to the background.
  * Finally, the **Dark background** shadow style provides a darker, more intense effect, adding depth and emphasizing the background even more.

### Data sources

This component is connected to a dedicated **SharePoint list**, where all communications can be easily managed. As mentioned earlier, messages can be added, customized, and scheduled directly from the list, allowing content owners to control timing, messaging, and visual appearance from a single place—without the need for page edits. This setup makes it simple to keep communications up to date and well organized.

<div align="left"><figure><img src="/files/po1xNsD0Wc3jVd6Qkd3O" alt=""><figcaption></figcaption></figure></div>

* &#x20;Insert the the website URL and select the list **Disclaimer in page**.
* &#x20;Insert again the URL and select the **Disclaimer in page Users** list. This list allows the web part to identify users who have viewed and closed the disclaimer.

### Display settings

In the **Display Settings**, you can customize the **height** of the box. There is a standard default size, which can be adjusted by changing the pixel value.

<div align="left"><figure><img src="/files/hZjyAleGNKUZj9uQ5CyN" alt=""><figcaption></figcaption></figure></div>

***

## Add a new disclaimer in page&#x20;

<div align="left"><figure><img src="/files/FOyEJdg3ymdaYPipSQKG" alt="" width="325"><figcaption></figcaption></figure></div>

Disclaimers are created by filling in a SharePoint list named **Disclaimers in page List**. To add a new disclaimer to this list, take the following steps:

*

```
<div align="left"><figure><img src="/files/LtP1861UKFdHz80o78Zv" alt=""><figcaption></figcaption></figure></div>
```

* Scroll down and click on **Disclaimers in page List**.

<div align="left"><figure><img src="/files/2eiBHVN76nVK2dw9fmFk" alt=""><figcaption></figcaption></figure></div>

* Press the Add new item button to add a new item to the list.

<figure><img src="/files/TiWLBZb2ayE7U6vMnC2s" alt=""><figcaption></figcaption></figure>

* A **panel** appears with a number of fields to fill in. The fields marked with **asterisks** are the **mandatory** ones.

### **Disclaimer in page information**

<div align="left"><figure><img src="/files/Mtcxi50fe2igMMv7bzN9" alt=""><figcaption></figcaption></figure></div>

* **Title**: enter the **title** of the disclaimer in page. Ex. Reminder.
* **Date from**: this is an optional field which allows you to schedule your disclaimer. This means that the disclaimer will be displayed starting from the selected date. The component considers this piece of information only if you have ticked the Is active checkbox.
* **Date to**: this is an optional field which allows you to set an expiry date after which the disclaimer will no longer be visible. The component considers this piece of information only if you have ticked the Is active checkbox.
* **Disclaimer body**: write the text of the disclaimer. You have several possibilities to customize your content. For instance, you can add formatting and include hyperlinks or change the text colors. When you have completed the text, click on **Save** in the lower-right corner of the text box.
