# Mobile Specific Home

### Overview

The mobile-specific home page in MangoApps offers a customizable dashboard optimized for smartphones and tablets. By enabling the mobile-specific Home, admins can create a unique experience for mobile users with widgets tailored specifically for mobile devices, separate from the web Home module.

***

### Enabling the Mobile-Specific Home

By default, the mobile-specific home will be disabled. To enable, from the Admin Portal, navigate to **Modules > Home** and click the **Mobile** tab. Toggle the switch to gain access to the widgets customization options for mobile.

<figure><img src="https://3241366456-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LjKhTvSCIGysx3lsswW%2Fuploads%2FhrNFrSQaLkbmuTkbloVB%2F03-10-2024-01-16-30.png?alt=media&#x26;token=6c33fd4b-4c8f-43c2-ba01-ad97c826fccb" alt="" width="563"><figcaption></figcaption></figure>

***

### Adding Widgets to the Mobile Home Menu

To configure the mobile home page for all users, admins can choose widgets from the gallery or copy the web view widgets.

{% hint style="danger" %}
Clicking the **Copy Web Widgets** option will **reset** the mobile dashboard and copy all the widgets from the web dashboard to the mobile version, **replacing** any other widgets in the list.
{% endhint %}

#### **Open the Widget Gallery**

Click the **Widget Gallery** button to open the **Add Widgets** pop-up. From this window, search for widgets or select them from the available list.

* **Search by Widget Name**: Use the Quick Search text box to type a widget name. For example, type "holiday" to search for the Upcoming Holidays widget, then click to add it.
* **Browse Widget Categories**: Click categories on the left-hand side of the pop-up (e.g., "More Widgets") to load different widget options. Select widgets like "My Calendar" or "Announcements" by clicking on them.

Click **Done** to finalize.

***

#### **Widget Customization**

Once widgets have been added to the list, drag and drop them to rearrange them within the list.

To adjust or remove a widget, click the 3-Dot Action menu next to the widget:

* **Remove**: Deletes the widget from the dashboard.
* **Set Properties**: Allows you to customize settings like the widget title, visibility, and display limit for the mobile view.

<figure><img src="https://3241366456-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LjKhTvSCIGysx3lsswW%2Fuploads%2FB8KU66MZIiU9jxkQW9Ij%2F03-10-2024-01-26-52.png?alt=media&#x26;token=4244555a-4169-4789-abd3-8e74ccf6bf9e" alt="" width="563"><figcaption></figcaption></figure>

***

#### Copy Web Dashboard Widgets

To sync your mobile dashboard with the web version, click the **Copy Web Widgets** option. This will reset the mobile dashboard and copy all the widgets from the web dashboard to the mobile version.

***

#### Publishing the Mobile Dashboard

Once the home dashboard has been configured the mobile dashboard satisfactorily, click **Publish Full Dashboard** to push the mobile dashboard to all users. The mobile dashboard will remain in a locked state after publishing to maintain consistency.

{% hint style="danger" %}
Modules **cannot** be customized from the mobile app. Any changes **must** be made from the desktop site.
{% endhint %}