web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

Welcome to the Power Platform Communities
News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / Vertical Toggle contro...
Power Apps
Unanswered

Vertical Toggle control Layout in Power Apps from Top to Bottom

(2) ShareShare
ReportReport
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

Categories:
Experimental features
I have the same question (0)
  • Jon Unzueta Profile Picture
    Jon Unzueta 1,834 Super User 2026 Season 1 on at
    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
    1. Add the Toggle Control:
      • Open your Power Apps canvas app.
      • Insert a toggle control by going to Insert > Controls > Toggle.
    2. 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.
    3. 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:
    1. 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.
    2. 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.
    3. 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.
    4. 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!
  • ronaldwalcott Profile Picture
    ronaldwalcott 3,862 Moderator on at
     
    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?

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

News and Announcements

Welcome to the Power Platform Communities

Quick Links

Introducing the 2026 Season 1 community Super Users

Congratulations to our 2026 Super Users!

Kudos to our 2025 Community Spotlight Honorees

Congratulations to our 2025 community superstars!

Congratulations to the February Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Apps

#1
WarrenBelz Profile Picture

WarrenBelz 549 Most Valuable Professional

#2
Kalathiya Profile Picture

Kalathiya 225 Super User 2026 Season 1

#3
Haque Profile Picture

Haque 224

Last 30 days Overall leaderboard

Featured topics

Auto-Populate field Power Pages
Gallery Tabs - Show or Hide Tabs based on Field Value
How to patch multiple records at once
Enable Copilot for end users in model-driven apps
Question for everyone : How are you using Create Text GPT in AI Builder?
Community content - sample components, blogs etc. - Link to this page (http://aka.ms/PCFdemos)
Welcome to the Power Apps forum!

Product updates

Microsoft Power Platform Community release plans