# Page Hints

## What is Page Hints&#x20;

Page Hints is a web part that is used exclusively by intranet editors and is visible only in edit mode. It allows them to share **requests, comments and ideas in the form of notes added to the page** they are working on. This feature makes **communication** and **cooperation** among editors **easy** and **effective,** as editors can use it to help each other, make suggestions, provide inputs and give feedback. In addition, notes can act as **memory aids**, reminding individuals of tasks and activities to be completed. Another advantage of this component is that you can add a note directly to a specific page or page section, which ensures **clarity** and **understanding**.

{% hint style="info" %}
Discover the **advantages** of Intranet.ai features by [**clicking here**](https://intranet.ai/features/) to learn more.
{% endhint %}

***

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

* If your page is not already in edit mode, click on **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://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FccHplKgXfibd4tktmhas%2Fadvanced-search-2.png?alt=media&#x26;token=7d703967-c3f7-4125-834b-f695362bf90b" alt="" data-size="line">.&#x20;
* Click on it and, in the web part search box, enter **Hints** to quickly find and select the Page Hints web part, which is named "IAI - Page Hints".

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FcvqFdNFy7uC4AD3a6ldV%2FPage-hints-1.png?alt=media&#x26;token=f845e416-73f1-45b7-9944-ef6ed8ed46df" alt=""><figcaption></figcaption></figure></div>

* When you select the web part, the following box appears. It shows you the position where the note will be inserted and informs you that this web part is visible only in edit mode, which means that it will disappear from the page when you click on Publish or Republish.

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2F4z0KjVcRCO39GkYOWgsw%2FPage-hints-2.png?alt=media&#x26;token=9ee4cf4e-9757-43c4-a5d8-9eff7eba52e1" alt=""><figcaption></figcaption></figure></div>

* Click on the **Edit** **properties** <img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2Ff4sigqcdh3qjjVOJJGJg%2Fimage.png?alt=media&#x26;token=71eddb79-215b-47ec-a925-cdbe94680032" alt="" data-size="line"> button on the left of the web part to open the property pane, which consists of a drop-down menu named Customization settings. See below for detailed information on the configuration.

***

## Configuration

As mentioned in the previous paragraph, the property pane of this web part has only one section, which is named Customization settings. Here you can write your **note** and configure options such as the **size** of the text and the **colors** of the web part.&#x20;

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2Fmhw74eBrKrazO1YxLe4l%2FPage-hints-10.png?alt=media&#x26;token=46e026eb-5769-43af-ba2f-85f9d4f4412c" alt=""><figcaption></figcaption></figure></div>

* First of all, you have a **box where you can write a note** to your colleague(s). As mentioned previously, this can be a **suggestion**, a **request**, a **comment** or a **reminder**, to give just a few examples; essentially, you can write whatever you deem useful and appropriate.
* After writing your note, you can choose the **size of the text**. There are four options available, which are illustrated in the screenshots below; the options are **small**, **medium**, **large** and **extra large**.

<figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FAkFtykMcPFaNwnazaDSV%2FPage-hints-3.png?alt=media&#x26;token=c873a32f-bcfe-4687-aa5f-130bf47a3e66" alt=""><figcaption><p><em>Small</em></p></figcaption></figure>

<figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FOAnKPUyoyEJ7UeTDB4hg%2FPage-hints-4.png?alt=media&#x26;token=8356fb22-7f9f-45ca-b179-b35e36ccd5cd" alt=""><figcaption><p><em>Medium</em></p></figcaption></figure>

<figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FIDevgtDwqponP6OWD2jj%2FPage-hints-5.png?alt=media&#x26;token=305bb3f2-0d07-4754-8d1d-9c989262336a" alt=""><figcaption><p><em>Large</em></p></figcaption></figure>

<figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FJ9GUo3NYLSJHWKPMtXYQ%2FPage-hints-6.png?alt=media&#x26;token=6dca1bd8-1121-444a-993f-8751057c9fb2" alt=""><figcaption><p><em>Extra large</em></p></figcaption></figure>

* Then, you can customize the **colors** of the **text** and the **background**. Click on the drop icon on the right to open the **color panel**, where you can select a specific color by using the **color picker** or by entering a **hex code** into the corresponding box. The default color for the text is black, while the default color for the background is white.

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FC2uj1jP5FatIC4oONDUm%2FPage-hints-7.png?alt=media&#x26;token=105d2b07-75bf-461c-a2f4-085172b0e839" alt=""><figcaption></figcaption></figure></div>

* Please, note that in order to customize the background color, you need to **disable the chosen background color**. So, make sure that this option is deactivated, otherwise the background color will not change.

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2Few4QinlpgjNc7LuoTLbF%2FPage-hints-8.png?alt=media&#x26;token=6bdb82ee-8aeb-4f39-9ec5-9081f4d12701" alt=""><figcaption></figcaption></figure></div>

Here is an example of what the web part may look like:&#x20;

<figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2F3V4ueKn5Yg8xwIq9fLQk%2FPage-hints-9.png?alt=media&#x26;token=57c4d811-81a6-4960-94e8-2133907f9947" alt=""><figcaption></figcaption></figure>

If you republish the page, the note disappears; you will see it again when you start a new editing session by clicking on Edit.

{% embed url="<https://intranet.ai/>" %}
