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 / TabList alignment not ...
Power Apps
Answered

TabList alignment not changing based on screen size

(1) ShareShare
ReportReport
Posted on by Jap11 453
Hello,
 
Hoping this is something really simple I've missed but I can't seem to get my tablist to change between horizontal and vertical based on screen size.
 
I'm following this tutorials which is 2 years old, so could be why but i can't get it to work: https://www.youtube.com/watch?v=TWcQwocLsE4

 
Then my mobile view which I've checked using 'allAccessionItems'.Size equals 1 when i switch to mobile view however nothing changes.
 
 
The only way I can get it to appear horizontal is if i keep the alignment as:
 
Hoping this is something really simple I'm missing!
 
Thanks!
Categories:
Building Power Apps
I have the same question (0)
  • Verified answer
    DP_Prabh Profile Picture
    DP_Prabh 381 on at
    Hi @Jap11,
    Please check these properties,
    BottomContainer - outter container - LayoutDirection property = 
    If(App.Width<600, LayoutDirection.Vertical, LayoutDirection.Horizontal)
    highlighted container
     
    ----
    SidebarContainer - Height - 
    If(App.Width < 600, 60, Parent.Height)    // for testing I've set this you may change
    LayoutDirection  = LayoutDirection.Horizontal
    ---
    Then TabList :
    Alignment = 
    If(
        App.Width < 600,
        LayoutDirection.Horizontal,
        LayoutDirection.Vertical
    )
     
    height = 
    If(App.Width < 600, 60, Parent.Height)
     
    width = Parent.width
    ----
    Canvas size it will be shown like this 
    Mobile view:
     
    I hope this works for you!
     
  • Jap11 Profile Picture
    Jap11 453 on at
    @DP_Prabh - thank you, this worked!
     
    Really appreciate your help :)

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

Season of Sharing Community Challenge Launch!

Jump in, show your community spirit, and win prizes!

Kudos to our 2025 Community Spotlight Honorees

Expanding mentorship, skilling, and AI innovation

Congratulations to the May Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Apps

#1
Valantis Profile Picture

Valantis 424

#2
WarrenBelz Profile Picture

WarrenBelz 355 Most Valuable Professional

#3
11manish Profile Picture

11manish 290

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