Скачать или смотреть Creating a New Variable with Specific Color and Expression in a Widget.

Using the Toggle Switch WidgetIn this video, we explore the various use cases of the toggle switch widget. Follow these steps to effectively utilize the widget:Step 1: Add the Toggle Switch Widget

Drag the switch widget from the widget panel onto your screen.

Step 2: Customize the Switch Appearance

Open the color picker modal to adjust the switch's colors.

Set the active color of the switch.

Adjust the inactive thumb color, active track color, and inactive track color.

Step 3: Configure the Page State

Select the desired page from the pages menu.

Navigate to the page state section on the right side of the screen.

Click the plus button within the page state section.

Enter a variable name and select the variable type. For this example, choose a boolean variable type, allowing it to be set to either true or false.

Step 4: Bind the Switch to a Page State Variable

Go back to the switch widget and select the value field under switch settings.

Enter the required expression and adjust the preview value as needed.

Bind the switch's value to a page state variable. Flipping the switch will update the variable instantly.

Any other widget bound to that variable will change immediately as well.

Step 5: Observe the Changes

Notice how changing the boolean value affects the switch's state.

To change the boolean value of a page state variable, click the plus button within the page state section again.

By following these steps, you can effectively use the toggle switch widget to interact with and control various elements on your page.