# Basic details

This section contains the formatting and visibility settings of a button.

<figure><img src="https://4216568905-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mc6E3BSGr4i8kVdH38k%2Fuploads%2FyWWba87VZky3ROR67sFZ%2Fimage.png?alt=media&#x26;token=41f591a3-2210-4bf1-8385-99a480a3c05c" alt=""><figcaption><p><em>Basic Details</em></p></figcaption></figure>

| **Field**                                               | **Description**                                                                                                                    |
| ------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- |
| Name of the button\*                                    | The name for the button                                                                                                            |
| Choose color                                            | The color for the button                                                                                                           |
| Select button type                                      | The type of the button                                                                                                             |
| Select button size                                      | The size of the button                                                                                                             |
| Select action that happens on button click              | Select an event that should occur on clicking the button                                                                           |
| Users who will see this button                          | Select the users for whom this button is to be visible                                                                             |
| Users who have started the following steps              | Select the initiator of the next step (Applicable when the next step is to be assigned to a user/role assigned to a previous step) |
| Enable users to provide remarks at click of this button | Turn on the toggle switch if you want to allow the assignees to enter remarks on clicking the button                               |

So let's say we want to add an **Approve** button for the **Manager** at step 2. The **Basic Details** for this button would be:

<figure><img src="https://4216568905-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mc6E3BSGr4i8kVdH38k%2Fuploads%2FIlvpXHRG9qfkVm929osv%2Fimage.png?alt=media&#x26;token=b3ec249d-65ab-4559-b974-2369f93cf9a7" alt=""><figcaption></figcaption></figure>

As you can see, there are 4 important details for the **Approve** button.&#x20;

* It is self-explanatory that we have selected the **Name of the button** as **Approve**&#x20;
* On clicking the **Approve** button, the flow will continue and the next step will be assigned to the **Department Head** in the next step. So for **Select action that happens on button click**, we have selected **Continue workflow** so as to move the flow to the next step.
* The **Approve** button is to be assigned to the **Manager**. The role **Manager** belongs to **Company defined role** category. Hence, for **Users who will see this button**, we have selected **Company defined role** and for **Select roles to whom this button will be shown**, we have selected **Manager**.
