Skip to main content
Microsoft logo
Power Apps
    • AI Builder
    • Automate processes
    • Azure + Power Apps
    • Build apps
    • Connect data
    • Portals
  • Pricing
    • Overview
    • Become a Partner
    • Find a Partner
    • Find consulting services
    • Blog
    • Customer stories
    • Documentation
    • Roadmap
    • Self-paced learning
    • Webinars
    • Overview
    • Issues
    • Give feedback
    • Overview
    • Forums
    • Galleries
    • Submit ideas
    • Register
    • ·
    • Sign In
    • ·
    • Help
    Go To
    • Power Apps Community
    • Get Help with Power Apps
    • Building Power Apps
    • Microsoft Dataverse
    • AI Builder
    • Power Apps Governance and Administering
    • Power Apps Pro Dev & ISV
    • Power Apps Portals
    • Power Platform Integration - Better Together!
    • Power Platform Integrations
    • Power Platform and Dynamics 365 Integrations
    • Community Blog & News
    • News & Announcements
    • Power Apps Community Demo Extravaganza 2020
    • Galleries
    • Community App Samples
    • Webinars and Video Gallery
    • Canvas Apps Components Samples
    • Kid Zone
    • Business Value Webinars and Video Gallery
    • Emergency Response Gallery
    • 2019 Microsoft Business Applications Summit Recordings (Archived)
    • Microsoft Business Applications Summit 2020 Session Recordings
    • Ideas
    • Power Apps Ideas
    • Community Support
    • Community Accounts & Registration
    • Using the Community
    • Community Feedback
    cancel
    Turn on suggestions
    Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
    Showing results for 
    Search instead for 
    Did you mean: 
    • Power Apps Community
    • Galleries
    • Canvas Apps Components Samples
    • Re: Tab Control

    Re: Tab Control

    07-31-2019 05:08 AM

    CABIRD
    Helper V
    4505 Views
    LinkedIn LinkedIn Facebook Facebook Twitter Twitter
    Anonymous
    Not applicable
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Email to a Friend
    • Report Inappropriate Content

    Tab Control

    ‎07-22-2019 02:02 PM

    Tab Control

    A tab control is a flexible navigation component that can be used to build tabbed interfaces in PowerApps applications.  Tabs can be configured to navigate to other screens or to trigger any action such as launching a different app or opening the browser. A tab control can be used for vertical and horizontal menus.

     

    Property Description
    Color Sets the text color.
    Selected Color Sets the text color when the tab is selected.
    Size Sets the font size of the text.
    IsVertical Sets the orientation of the tab control.
    Items
    Table({ Label: "Tab 1", Screen: Screen1, Icon: "", SelectedIcon:"" },
       { Label: "Tab 2", Screen: Screen2, Icon: "", SelectedIcon:"" },
       { Label: "Tab 3", Screen: Screen3, Icon: "", SelectedIcon:"" }
    )
    Styles Sets a collection of styles that controls various visual aspects of the tab control.

     

    e.g:
    Table({Key: "TabControlImageWidth", Value:"30"},
          {Key: "Font", Value:"Segoe UI"})

    Output

    Property Description
    Selected Sets the selected tab item.

    Customization:

    With a little bit of customization, we can achieve a  different look and feel for the tab control:

    Preview file
    133 KB
    TabControl Component.msapp
    Message 1 of 5
    4,590 Views
    18 Kudos
    Reply
    • All posts
    • Previous Topic
    • Next Topic
    CABIRD
    CABIRD Helper V
    Helper V
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Email to a Friend
    • Report Inappropriate Content

    ‎07-31-2019 05:08 AM

    Brilliant

    Message 2 of 5
    4,505 Views
    0 Kudos
    Reply
    Anonymous
    Not applicable
    In response to CABIRD
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Email to a Friend
    • Report Inappropriate Content

    ‎04-20-2020 03:31 AM

    Hi All,

     

    Can anyone please help me set up this tabs (along with sample codes and steps)? Thanks in advance !

    Attached is the excelsheet along with the screenshot.

    The yellow button which is selected the tab should show the respective subsections, once the subsections are selected 

     

     

    Regards,

    Nandan

    @mdevaney @lauraOnu 

    Preview file
    35 KB
    Preview file
    25 KB
    Message 3 of 5
    2,222 Views
    0 Kudos
    Reply
    mdevaney
    Super User III mdevaney
    Super User III
    In response to Anonymous
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Email to a Friend
    • Report Inappropriate Content

    ‎04-20-2020 04:30 AM

    Excellent component 🙂

    Message 4 of 5
    2,218 Views
    1 Kudo
    Reply
    DessiB
    DessiB
    Frequent Visitor
    • Mark as New
    • Bookmark
    • Subscribe
    • Mute
    • Subscribe to RSS Feed
    • Permalink
    • Print
    • Email to a Friend
    • Report Inappropriate Content

    ‎11-20-2020 10:10 PM

    Amazing component. Love it. 

    Question - is there any reason why icons are displaying in the desktop studio - but not on a mobile device? 

    Message 5 of 5
    535 Views
    0 Kudos
    Reply

    Power Platform

    • Overview
    • Power BI
    • Power Apps
    • Power Automate
    • Power Virtual Agents

    Power Apps

    • Sign in
    • Sign up

    Browse

    • Sample apps
    • Services

    Downloads

    • Studio
    • iOS
    • Android

    Learn

    • Documentation
    • Support
    • Community
    • Give feedback
    • Blog
    • Partners

    • © 2021 Microsoft
    • Follow Power Apps
    • Privacy & cookies
    • Manage cookies
    • Terms of use
    • Trademarks