Canvas Apps Controls Modern Controls User Experience

Tab List – Everything you want to know about modern control #19

Browser tabs
Browser tabs

Introduction to modern Tab list control

Tab list control is one of the new modern controls in Power Apps. It is a navigation control, to help users to switch between different context within the app. There are a lot of configuration options available that I will talk about below.

Properties

  1. Items - The list of records (from a table or an array) to populate the control
  2. Size - To control the size of the tabs. There are 3 options:
    1. 'TabList.Size'.Large (default)
    2. 'TabList.Size'.Small
    3. 'TabList.Size'.Medium
  3. Alignment - There are 2 options:
    1. 'TabList.Alignment'.Horizontal (default)
    2. 'TabList.Alignment'.Vertical
  4. DefaultSelectedItems - The value that should be selected by default. If nothing is specified, the first record is selected by default.

Using modern Tab List control

Here is an image of this control with different configurations:

Tab List Control Examples
Tab List Control Examples

Stay tuned for the remaining modern controls!

To read the official documentation of modern controls, click here.

Recent articles

  1. Table – Everything you want to know about modern control #18
  2. Stream – Everything you want to know about modern control #17
  3. Slider – Everything you want to know about modern control #16

Leave a Reply