> For the complete documentation index, see [llms.txt](https://brlabelectronics.gitbook.io/tutorials-1/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://brlabelectronics.gitbook.io/tutorials-1/creating-the-mobile-app/widget-settings.md).

# Widget Settings

Just like we edited the widgets on the web dashboard we need to do the same here. 

<figure><img src="/files/yX0G1yBzNaSYF1qSdBmL" alt=""><figcaption></figcaption></figure>

<details>

<summary>Widget Title</summary>

The name of the widget that will appear on screen when using the app. &#x20;

</details>

<details>

<summary>Title Alignment</summary>

The title can be left justified or centered.&#x20;

</details>

<details>

<summary>Data Stream</summary>

This is important to get correct. Select the corresponding data stream for which data will flow to and from the device or Blynk cloud.&#x20;

For Example:&#x20;

Data stream Relay 1 (v0) is selected for button Relay 1 because we want control over relay 1 to be done via the button that is labeled as Relay 1.&#x20;

</details>

<details>

<summary>Mode</summary>

Push: Value change happens when you push and hold the button. Then returns to its default value when you release it.&#x20;

Switch: Value change happens when you tap the button and it sticks until you tap it again.&#x20;

</details>

<details>

<summary>Label</summary>

On: What do you want the label of the button to say when it is on? On? Active? A specific task?

Off: What do you want the label of the button to say when it is off? Off? Not Active?&#x20;

</details>

<details>

<summary>Font Size</summary>

Changes the font size of the button label.&#x20;

</details>

<details>

<summary>Color</summary>

Choose the color that you want the button to be.&#x20;

</details>

Do this for each button widget. Again be sure to select the correct data stream for each widget.&#x20;