# Add or Edit Widgets

<div align="center" data-full-width="false"><figure><img src="https://1754776985-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJQik4QDGZSQvWqfQrLJe%2Fuploads%2FmW3FqUJpZSihOJszvMY2%2FEdit%20Widget_Dashboard.png?alt=media&#x26;token=b57b053a-1837-4ce6-a5d7-937a10615c55" alt=""><figcaption><p>"Add/Edit" button on Dashboard</p></figcaption></figure> <figure><img src="https://1754776985-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJQik4QDGZSQvWqfQrLJe%2Fuploads%2FBuihRcqBZXGTbcUaQzti%2FEdit%20Widget_Profile.png?alt=media&#x26;token=f3dd84e8-cb3f-4b65-b7fa-acd8867317ab" alt=""><figcaption><p>Profile Pop-up</p></figcaption></figure></div>

Users could add or edit widgets by clicking the **+ button** on the dashboard. In the Edit Setting page, user could reorder the widget, as well as add or remove widget on the dashboard to create a personalized layout.

<figure><img src="https://1754776985-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJQik4QDGZSQvWqfQrLJe%2Fuploads%2FdT6NLsOKOunMsNo4mwBq%2FAdd%20or%20Edit%20Widgets.png?alt=media&#x26;token=4721a794-1e1e-4df9-b7eb-b1e6f3abb635" alt=""><figcaption><p>Setting Page</p></figcaption></figure>

The Widget Setting consists of four action buttons; each allows you to do the following actions:

1. **Drag Handler**: Drag and drop to reorder the widget
2. **Delete**: Click to delete the selected widget
3. **Drop Down**: User may change or reorder widget using the drop down menu
4. **Add New**: A new blank widget will be added after clicking the button

{% hint style="info" %}
Please note that all changes will be made after you **saved.**&#x20;
{% endhint %}
