Vertical Toggle control Layout in Power Apps from Top to Bottom

(2) Share

Report

Posted on by Rohit9876

How to set Vertical Toggle control Layout in Power Apps from Top to Bottom and increase the width of toggle control

All responses (2)

Answers (0)

ronaldwalcott 3,530 on at

Like (0)

Report

Vertical Toggle control Layout in Power Apps from Top to Bottom

Or place the toggles in a vertical container

Did you want to change the width or the size as width does not actually make the size of the toggle wider but togglesize makes it larger?
Jon_Unzueta 493 on at

Like (0)

Report
Vertical Toggle control Layout in Power Apps from Top to Bottom

To set the vertical toggle control layout in Power Apps from top to bottom and increase the width of the toggle control, you can follow these steps:
Steps to Set Vertical Toggle Control Layout and Increase Width

Add the Toggle Control:

Open your Power Apps canvas app.

Insert a toggle control by going to Insert > Controls > Toggle.

Set the Vertical Layout:

By default, the toggle control in Power Apps is horizontal. To create a vertical layout, you can use a combination of the toggle control and other controls (like labels) to simulate a vertical toggle.

Unfortunately, Power Apps does not have a built-in vertical toggle control, so you will need to use a workaround.

Increase the Width of the Toggle Control:

Select the toggle control.

In the Properties pane on the right, set the Width property to your desired value. For example, you can set it to 100 to make it wider.

Workaround for Vertical Toggle Layout
Since Power Apps does not support a vertical toggle control natively, you can create a custom vertical toggle using a combination of controls:

Insert a Rectangle or Label:

Insert a rectangle or label control to act as the background for your vertical toggle.

Set the Height and Width properties to create a vertical shape.

Insert Two Toggle Controls:

Insert two toggle controls and place them vertically within the rectangle or label.

Set the Width property of each toggle control to make them wider.

Align the Toggle Controls:

Align the two toggle controls vertically by setting their X and Y properties appropriately.

For example, set the Y property of the second toggle control to be slightly below the first toggle control.

Group the Controls:

Group the rectangle/label and the two toggle controls together to make it easier to manage their layout.

Select all the controls, right-click, and choose Group.

If the response is helpful to you, a like or mark as the correct solution. thank you so much!