# User Portal Customization

## Banner

#### 📌 Example of a custom banner

<div align="left"><img src="https://content.gitbook.com/content/KMJrTHY3uIo7SLDm6zI5/blobs/wBSVz1A46wv4vSeeGKgX/portal-banner-custom-2.png" alt=""></div>

The WorkflowGen app banner can be customized via the **Administration Module**, in the **Banner** section on the **Portal** tab in the **Configuration Panel**:

<div align="left"><figure><img src="https://2444916897-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKMJrTHY3uIo7SLDm6zI5%2Fuploads%2FIJ1yYTvxUqiuWCsUudks%2Fbanner.png?alt=media&#x26;token=d51b45de-53cc-4922-ba81-aa2f9c8e0a3d" alt=""><figcaption></figcaption></figure></div>

## Custom menus

You can create custom menus for the User Portal by creating and modifying the `portal.xml` XML file in the `CustomMenu` folder located in the `\wwwroot\wfgen\App_Data\customMenus` folder.

These custom menus will then be available as extra menu options on the User Portal home page.

## Stylesheets

The User Portal stylesheet can be customized to match your organization's colors and styles. The CSS files are located in the `\wfgen\App_Themes\Default\portal\css` folder.

## Common process data

This parameter allows you to enter the same names and data types, which can then be used in a multi-process view.

For example, if you have process data such as `CUSTOMER (TEXT)` that are used in most of your processes, you can define these data as User Portal common process data by entering them in the **Common process data name list** field.

<div align="left"><figure><img src="https://2444916897-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKMJrTHY3uIo7SLDm6zI5%2Fuploads%2F3ZPFlyWr9sFvD00N99s2%2Fcommon_process_data_list.png?alt=media&#x26;token=71f30e60-b7ff-4ad0-9f0b-b5156e81a29b" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
When entering multiple data types in this parameter, each data type must be separated by a comma.
{% endhint %}
