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
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / Lock Position of Drop ...
Power Apps
Unanswered

Lock Position of Drop Down in Container - Responsive App

(1) ShareShare
ReportReport
Posted on by sgiorgio 86
Please help.  I am rebuilding a desktop app to be responsive for employees on mobile devices.  I currently have a form linked to my app.  The Start/End date and time are fields in my Sharepoint list however I had to add an AM/PM drop down for both the start date and end date.  I have a container set in my app but how do I add the AM/PM drop down boxes next to the start and end date and lock their position.  I have attached photos for reference.  It looks fine in the edit screen but when in preview mode they move since I'm not able to figure out how to set them in the form container.
 
Categories:
Building Power Apps
I have the same question (0)
  • Inogic Profile Picture
    Inogic 1,135 Moderator on at
    Hi,
     
    When controls look correct in edit mode but shift in Preview or on mobile, it’s usually because they are positioned using X and Y coordinates instead of being managed by a layout container. 

    In responsive Power Apps, controls should be placed inside containers so the layout engine handles alignment automatically.

    So please follow below :
    • Unlock the Start Date DataCard.
    • Insert a Horizontal container inside the DataCard (Insert → Layout → Horizontal container).
    • Set the container’s Width = Parent.Width and adjust the Gap property if spacing is needed.
    • Move the Date Picker, Time dropdown, and AM/PM dropdown inside the horizontal container (confirm in Tree View that they are nested under it).
    • Avoid using X and Y properties for positioning.
    • Set responsive widths such as Parent.Width * 0.5, or enable Flexible width if using modern controls.

    Repeat the same steps for the End Date DataCard.

    Using a horizontal container ensures the AM/PM dropdown stays aligned next to the date and time fields and maintains its position consistently in Preview and on mobile devices.
     
    Hope this helps.
     
    Thanks!
    Inogic
  • Lucas001 Profile Picture
    Lucas001 2,504 Super User 2026 Season 1 on at
     
    I am moving this post to the power apps forum for faster support.

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 January Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Apps

#1
WarrenBelz Profile Picture

WarrenBelz 105 Most Valuable Professional

#2
Haque Profile Picture

Haque 77

#3
VASANTH KUMAR BALMADI Profile Picture

VASANTH KUMAR BALMADI 70

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