07-22-2019 14:02 PM - last edited 12-17-2021 14:15 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:
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