# My Apps

## **What is My Apps**

**My Apps** is a personal area where only you can **collect and organize links, file, apps, and content you want to keep at hand**. Thanks to this feature, which brings together all your favorite business apps, you can make the intranet a tool tailored to your work. 

Another important aspect is that you can classify links to personal business apps, making them easier to find in the SharePoint intranet and saving you time in searches. In addition, you can choose from over 100 icons to customize your dashboard.

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

***

## Add the My Apps 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 and you'll 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 **My Apps** to quickly find and select the My Apps web part, which is named "IAI - My Apps".

<figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2Fd8inWIpt2yVRjzAKe6Et%2FSMP-1.png?alt=media&#x26;token=7888eab1-6f8a-4426-ade2-892f0e28dfbb" alt=""><figcaption></figcaption></figure>

Click the **Edit** **properties** <img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FwgyGQZuPOp9gQzSfUuXW%2Fimage.png?alt=media&#x26;token=c62e91ef-3943-46d8-ab12-59e9034507c8" alt="" data-size="line"> button on the left of the web part to open the property pane and set options such as Layout settings, Data sources and General settings.  See below for more information on each of these options.

***

## **Configuration**

1. [Layout settings](#layout-settings)
2. [Data sources](#data-sources)
3. [General settings](#general-settings)

### Layout settings

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

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2Fjl3yCJYr4aLbuNRgK5dA%2Flayout%20settings%20apps.jpg?alt=media&#x26;token=b479c1a6-be42-4d89-8266-41c5c9b8a7d1" 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.
* **Do you want to hide the title?** Here you can select whether to show the webpart title or hide it. If set to visible, the web part title will appear on the left side.
* **Enter the title of the application**: thanks to this configuration, you can customize the application title. If you keep it blank, SharePoint will show the default title “My apps” at the top left angle of the webpart.
* **View options**: you can choose between a list view (list of saved items) or title view (each item is represented in a square with an icon and title).

### Data sources

Thanks to this section, you can specify the list where saved links, files, and apps will be stored.

* **Url list**: enter the site URL. For example: <https://intranetai.sharepoint.com/sites/iai-dev-saas-playground/>
* **Select the list where the apps are located**: choose the list named User apps list from the dropdown menu.

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FO8CGERdk5drbSSeUCvs2%2Fdata%20sources%20my%20apps.png.jpg?alt=media&#x26;token=da0e4be4-d83f-488e-9781-db503b7c5bc0" alt=""><figcaption></figcaption></figure></div>

### General settings

In this section, you can choose whether to activate the visualization with the scroll and decide how many lines to display

* **Do you want to activate the visualization with the scroll?** It is set to **No** by default. If you want the display with **scrolling**, enable this button by clicking on it.
* **Choose how many lines to display**: if you have chosen to **enable** scrolling, you can set the number of lines to be shown before you have to scroll down to see more content.

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FfbeKd39qdE4fhTwFjKtZ%2Fgeneral%20apps.png.jpg?alt=media&#x26;token=50f9d6c1-440c-4805-aaf4-b59afdfad822" alt=""><figcaption></figcaption></figure></div>

Now you’re set!

***

## Add personal apps - User experience

Here you can personalize your own favorite links and apps the way you want!

Complete the tabs as follows:

* Click on the **+ Add** button.

<figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FsINM3JvMCiSvyNS9QFyd%2Fmy-apps-3.png?alt=media&#x26;token=1c800f10-49bb-45c8-ba0f-b21e1832b87f" alt=""><figcaption></figcaption></figure>

* Then on the new window, click on the **+ Add** button again.

<figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2F7Xm9VEl1yzUSx3i0ycgQ%2Fmy-app-4.png?alt=media&#x26;token=1b6e2563-9eb7-4031-b849-0de7f9ffab70" alt=""><figcaption></figcaption></figure>

A line appears, with the following fields:

* **Name:** insert the name you want to use for your link.

> For example: Google

* **Url:** insert the link you want to save.

> For example: <https://www.google.com/>

* **Category:** here you can enter the various categories to which your applications belong. This way, you can group different elements by categories and make them easier to search. You can create as many categories as you want, and name them the way you prefer.

> For example: Websites, Newspapers etc.

<figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2F3E7GQjZ3AW6OPj267BQN%2Fmy-apps-5.png?alt=media&#x26;token=a0152e18-2d00-440e-abaa-431c93f10df8" alt=""><figcaption></figcaption></figure>

* **Icon:** by clicking on the **Icon** button, a pop-up will appear where you can choose the icon that best represents the link you are adding. **Select it and save.**

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FJ7cyytgoVIhpF7kGu5cN%2Fmy-app-6.png?alt=media&#x26;token=a965414c-86bb-4cf9-85c5-5e9ec4b2836b" alt=""><figcaption></figcaption></figure></div>

This is how it would look after selecting the icon.

<figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FM254QDXGNoPx8mNHWnTe%2Fmy-app-7.png?alt=media&#x26;token=a5ddbc23-0b4a-4c5b-8e47-03ab13a04f60" alt=""><figcaption></figcaption></figure>

&#x20;After that, click on the!\[Immagine che contiene testo, schermata, ricevuta, Carattere

Descrizione generata automaticamente]\(<https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FGOw8a30xFXijBglc31jI%2F4.jpg?alt=media\\&token=04076944-9e81-46b9-85f1-628fc5c05536>) button and it's done!

<figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2Fou6lr9iYgfGOlO8LvkJB%2Fmy-app-8.png?alt=media&#x26;token=5a140861-8013-4445-a6e7-eb440b2c96b5" alt=""><figcaption></figcaption></figure>

***

## Delete a personal app - User experience

To delete an app, simply follow these steps:

* You need to go to the row where the app you want to delete is located and **click on the Bin** **icon** at the bottom right.

<figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2F8A8NY1xTLpJf1i95SFIZ%2FMy-apps-9.png?alt=media&#x26;token=25c6230c-398e-4d31-b497-c1a645a01751" alt=""><figcaption></figcaption></figure>

* A message will appear asking if you are sure you want to delete it. Click on the!\[Immagine che contiene testo, schermata, ricevuta, Carattere

  Descrizione generata automaticamente]\(<https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FGOw8a30xFXijBglc31jI%2F4.jpg?alt=media\\&token=04076944-9e81-46b9-85f1-628fc5c05536>) button, and you're done.

<figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FcyDu8V6J5VkFzBFQwX4F%2Fmy-app-10.png?alt=media&#x26;token=84429c88-23c7-4d9c-ab70-9932f0049196" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
We remind you that the **saved apps/links are personal** and can be **both internal and external** to SharePoint.
{% endhint %}

***

## Configure the User apps list list

As mentioned above, the My Apps web part relies on a list named User apps list, which requires a **specific configuration** so that intranet visitors can add their personal links. To learn how to configure this list, read the [dedicated guide](https://docs.intranet.ai/sharepoint-intranet/other-configurations/configuration-of-favorites-lists-and-user-lists). In particular, please refer to the **First type of configuration** section.

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