SlideShare a Scribd company logo

PowerApps - Canvas Screen with Tabs

Peter Heffner
Peter Heffner
Peter HeffnerInternal Communications | Intranet Solutions bei Thermo Fisher Scientific Germany

How to create a screen with tabs in PowerApps

PowerApps - Canvas Screen with Tabs

1 of 13
Download to read offline
Screen withTabs
How to create a Screen withTabs in PowerApps
Peter Heffner
@Lingualizer
Why this tutorial?
• Sometimes it's just too much information for 1 single screen
• You don't want the user to have to scroll or navigate to different screens
This is what we do:
• Create 1 single screen
• Add some tabs
• Display only the content related to the selected tab
Add a 'scrollable Screen'
Only the 'scrollable Screen' has the Canvas we need for our tabs.
Add 3 Sections
• Add 3 Sections in order to
create 3 DataCards
• Each DataCard will work as a
single screen
Set the Fill Colour for each DataCard
Set the fill colour of each DataCard to a
different value.
Each DataCard represents a separateTab
This makes it easier to see whichTab is
active.
Screen – OnVisible Action
This example has 3 tabs which are defined in a Collection 'collTabs':
ClearCollect(collTabs,{No:1,Name:"Tab 1"},{No:2,Name:"Tab 2"},{No:3,Name:"Tab 3"})
'No' can be used to set the order how the tabs are displayed
'Name' is the text that appears on the tab.
Let us also define a local variable '_SelTab' which is set to the currently selected tab:
UpdateContext({_selTab:1})

Recommended

Oracle Receivables ivas
Oracle Receivables ivasOracle Receivables ivas
Oracle Receivables ivasAli Ibrahim
 
Data Visualisation & Analytics with Tableau (Beginner) - by Maria Koumandraki
Data Visualisation & Analytics with Tableau (Beginner) - by Maria KoumandrakiData Visualisation & Analytics with Tableau (Beginner) - by Maria Koumandraki
Data Visualisation & Analytics with Tableau (Beginner) - by Maria KoumandrakiOutreach Digital
 
Tableau presentation
Tableau presentationTableau presentation
Tableau presentationkt166212
 
Auto accounting in projects
Auto accounting in projectsAuto accounting in projects
Auto accounting in projectsAnupam Ray
 
Intercompany transactions
Intercompany transactionsIntercompany transactions
Intercompany transactionsVikram Reddy
 
Tableau interview questions and answers
Tableau interview questions and answersTableau interview questions and answers
Tableau interview questions and answerskavinilavuG
 
Advanced Microsoft Excel
Advanced Microsoft ExcelAdvanced Microsoft Excel
Advanced Microsoft ExcelEric Metelka
 

More Related Content

What's hot

Tableau Software - Business Analytics and Data Visualization
Tableau Software - Business Analytics and Data VisualizationTableau Software - Business Analytics and Data Visualization
Tableau Software - Business Analytics and Data Visualizationlesterathayde
 
Skillshare - Creating Excel Dashboards
Skillshare - Creating Excel DashboardsSkillshare - Creating Excel Dashboards
Skillshare - Creating Excel DashboardsSchool of Data
 
Oracle EBS 12.1.3 : Integrate OA Framework BC4J components within java concur...
Oracle EBS 12.1.3 : Integrate OA Framework BC4J components within java concur...Oracle EBS 12.1.3 : Integrate OA Framework BC4J components within java concur...
Oracle EBS 12.1.3 : Integrate OA Framework BC4J components within java concur...Amit Singh
 
Fusion Agreement Flow By Nilesh
Fusion Agreement Flow By NileshFusion Agreement Flow By Nilesh
Fusion Agreement Flow By Nileshnealz
 
Tableau Interview Questions & Answers | Tableau Interview Questions | Tableau...
Tableau Interview Questions & Answers | Tableau Interview Questions | Tableau...Tableau Interview Questions & Answers | Tableau Interview Questions | Tableau...
Tableau Interview Questions & Answers | Tableau Interview Questions | Tableau...Simplilearn
 
Ms access ppt 2017 by Gopal saha
Ms access ppt 2017 by Gopal sahaMs access ppt 2017 by Gopal saha
Ms access ppt 2017 by Gopal saha253253
 
Learning Tableau - Data, Graphs, Filters, Dashboards and Advanced features
Learning Tableau -  Data, Graphs, Filters, Dashboards and Advanced featuresLearning Tableau -  Data, Graphs, Filters, Dashboards and Advanced features
Learning Tableau - Data, Graphs, Filters, Dashboards and Advanced featuresVenkata Reddy Konasani
 
Vietnam Bottled Water Market Forecast 2025
Vietnam Bottled Water Market Forecast 2025Vietnam Bottled Water Market Forecast 2025
Vietnam Bottled Water Market Forecast 2025TechSci Research
 
Ms excel excersices
Ms excel excersicesMs excel excersices
Ms excel excersicesHEENA PRUTHI
 
Amazon Business & Revenue Model
Amazon Business & Revenue ModelAmazon Business & Revenue Model
Amazon Business & Revenue ModelNeha Virmani
 
Tableau Visual analytics complete deck 2
Tableau Visual analytics complete deck 2Tableau Visual analytics complete deck 2
Tableau Visual analytics complete deck 2Arun K
 
NetSuite CRM Software Details
NetSuite CRM Software DetailsNetSuite CRM Software Details
NetSuite CRM Software DetailsProtelo, Inc.
 
Accessorizing Google Sheets - Tots & Technology 2015
Accessorizing Google Sheets - Tots & Technology 2015Accessorizing Google Sheets - Tots & Technology 2015
Accessorizing Google Sheets - Tots & Technology 2015Diana Benner
 
Microsoft word 2007 mcq questions
Microsoft word 2007  mcq questionsMicrosoft word 2007  mcq questions
Microsoft word 2007 mcq questionssanu
 
Dfd and flowchart
Dfd and flowchartDfd and flowchart
Dfd and flowchartMir Majid
 

What's hot (20)

Tableau Software - Business Analytics and Data Visualization
Tableau Software - Business Analytics and Data VisualizationTableau Software - Business Analytics and Data Visualization
Tableau Software - Business Analytics and Data Visualization
 
Skillshare - Creating Excel Dashboards
Skillshare - Creating Excel DashboardsSkillshare - Creating Excel Dashboards
Skillshare - Creating Excel Dashboards
 
Oracle EBS 12.1.3 : Integrate OA Framework BC4J components within java concur...
Oracle EBS 12.1.3 : Integrate OA Framework BC4J components within java concur...Oracle EBS 12.1.3 : Integrate OA Framework BC4J components within java concur...
Oracle EBS 12.1.3 : Integrate OA Framework BC4J components within java concur...
 
Fusion Agreement Flow By Nilesh
Fusion Agreement Flow By NileshFusion Agreement Flow By Nilesh
Fusion Agreement Flow By Nilesh
 
Tableau Interview Questions & Answers | Tableau Interview Questions | Tableau...
Tableau Interview Questions & Answers | Tableau Interview Questions | Tableau...Tableau Interview Questions & Answers | Tableau Interview Questions | Tableau...
Tableau Interview Questions & Answers | Tableau Interview Questions | Tableau...
 
Ms access ppt 2017 by Gopal saha
Ms access ppt 2017 by Gopal sahaMs access ppt 2017 by Gopal saha
Ms access ppt 2017 by Gopal saha
 
Tableau PPT
Tableau PPTTableau PPT
Tableau PPT
 
Learning Tableau - Data, Graphs, Filters, Dashboards and Advanced features
Learning Tableau -  Data, Graphs, Filters, Dashboards and Advanced featuresLearning Tableau -  Data, Graphs, Filters, Dashboards and Advanced features
Learning Tableau - Data, Graphs, Filters, Dashboards and Advanced features
 
Vietnam Bottled Water Market Forecast 2025
Vietnam Bottled Water Market Forecast 2025Vietnam Bottled Water Market Forecast 2025
Vietnam Bottled Water Market Forecast 2025
 
Ms excel excersices
Ms excel excersicesMs excel excersices
Ms excel excersices
 
Charts and pivot tables
Charts and pivot tablesCharts and pivot tables
Charts and pivot tables
 
Tableau data types
Tableau   data typesTableau   data types
Tableau data types
 
Excel exercise pdf
Excel exercise pdfExcel exercise pdf
Excel exercise pdf
 
Amazon Business & Revenue Model
Amazon Business & Revenue ModelAmazon Business & Revenue Model
Amazon Business & Revenue Model
 
Tableau Visual analytics complete deck 2
Tableau Visual analytics complete deck 2Tableau Visual analytics complete deck 2
Tableau Visual analytics complete deck 2
 
Tableau Server Basics
Tableau Server BasicsTableau Server Basics
Tableau Server Basics
 
NetSuite CRM Software Details
NetSuite CRM Software DetailsNetSuite CRM Software Details
NetSuite CRM Software Details
 
Accessorizing Google Sheets - Tots & Technology 2015
Accessorizing Google Sheets - Tots & Technology 2015Accessorizing Google Sheets - Tots & Technology 2015
Accessorizing Google Sheets - Tots & Technology 2015
 
Microsoft word 2007 mcq questions
Microsoft word 2007  mcq questionsMicrosoft word 2007  mcq questions
Microsoft word 2007 mcq questions
 
Dfd and flowchart
Dfd and flowchartDfd and flowchart
Dfd and flowchart
 

Similar to PowerApps - Canvas Screen with Tabs

11 Organizing Project Details
11 Organizing Project Details11 Organizing Project Details
11 Organizing Project DetailsSoe Naing Win
 
Lesson 5 Basic Tutorial Data Analysis Software for Flow Cytometry
Lesson 5 Basic Tutorial Data Analysis Software for Flow CytometryLesson 5 Basic Tutorial Data Analysis Software for Flow Cytometry
Lesson 5 Basic Tutorial Data Analysis Software for Flow CytometryUttam Belbase
 
Libre Office Calc Lesson 2: Formatting and Charts
Libre Office Calc Lesson 2: Formatting and ChartsLibre Office Calc Lesson 2: Formatting and Charts
Libre Office Calc Lesson 2: Formatting and ChartsSmart Chicago Collaborative
 
Microsoft excel training
Microsoft excel trainingMicrosoft excel training
Microsoft excel trainingMohamed Hassan
 
Access advanced tutorial
Access advanced tutorialAccess advanced tutorial
Access advanced tutorialcatacata1976
 
Combo box and List box in VB.Net.ppt
Combo box and List box in VB.Net.pptCombo box and List box in VB.Net.ppt
Combo box and List box in VB.Net.pptUjwala Junghare
 
Basic Computer skill-P4 Excel.pptx
Basic Computer skill-P4 Excel.pptxBasic Computer skill-P4 Excel.pptx
Basic Computer skill-P4 Excel.pptxMastewal5
 
Alv report-tutorial-www.sapexpert.co .uk-
Alv report-tutorial-www.sapexpert.co .uk-Alv report-tutorial-www.sapexpert.co .uk-
Alv report-tutorial-www.sapexpert.co .uk-Faina Fridman
 
Copying Files Across Workbooks Lab 5, Step 1 A. Save al.docx
Copying Files Across Workbooks Lab 5, Step 1  A. Save al.docxCopying Files Across Workbooks Lab 5, Step 1  A. Save al.docx
Copying Files Across Workbooks Lab 5, Step 1 A. Save al.docxmaxinesmith73660
 
Lesson5 Customizing windows
Lesson5  Customizing windowsLesson5  Customizing windows
Lesson5 Customizing windowsguevarra_2000
 
Microsoft excel training module
Microsoft excel training moduleMicrosoft excel training module
Microsoft excel training moduleJeff Piontek
 

Similar to PowerApps - Canvas Screen with Tabs (20)

11 Organizing Project Details
11 Organizing Project Details11 Organizing Project Details
11 Organizing Project Details
 
Rolling The Dice
Rolling The DiceRolling The Dice
Rolling The Dice
 
Libre Office Calc Lesson 5: Working with Data
Libre Office Calc Lesson 5: Working with DataLibre Office Calc Lesson 5: Working with Data
Libre Office Calc Lesson 5: Working with Data
 
Chapter 02
Chapter 02Chapter 02
Chapter 02
 
Sampling
SamplingSampling
Sampling
 
Microsoft Excel Tutorial
Microsoft Excel TutorialMicrosoft Excel Tutorial
Microsoft Excel Tutorial
 
Lesson 5 Basic Tutorial Data Analysis Software for Flow Cytometry
Lesson 5 Basic Tutorial Data Analysis Software for Flow CytometryLesson 5 Basic Tutorial Data Analysis Software for Flow Cytometry
Lesson 5 Basic Tutorial Data Analysis Software for Flow Cytometry
 
Advexcellp
AdvexcellpAdvexcellp
Advexcellp
 
Libre Office Calc Lesson 2: Formatting and Charts
Libre Office Calc Lesson 2: Formatting and ChartsLibre Office Calc Lesson 2: Formatting and Charts
Libre Office Calc Lesson 2: Formatting and Charts
 
Microsoft excel training
Microsoft excel trainingMicrosoft excel training
Microsoft excel training
 
Access advanced tutorial
Access advanced tutorialAccess advanced tutorial
Access advanced tutorial
 
Combo box and List box in VB.Net.ppt
Combo box and List box in VB.Net.pptCombo box and List box in VB.Net.ppt
Combo box and List box in VB.Net.ppt
 
Computer Science.pptx
Computer Science.pptxComputer Science.pptx
Computer Science.pptx
 
Basic Computer skill-P4 Excel.pptx
Basic Computer skill-P4 Excel.pptxBasic Computer skill-P4 Excel.pptx
Basic Computer skill-P4 Excel.pptx
 
Alv report-tutorial-www.sapexpert.co .uk-
Alv report-tutorial-www.sapexpert.co .uk-Alv report-tutorial-www.sapexpert.co .uk-
Alv report-tutorial-www.sapexpert.co .uk-
 
java
javajava
java
 
Copying Files Across Workbooks Lab 5, Step 1 A. Save al.docx
Copying Files Across Workbooks Lab 5, Step 1  A. Save al.docxCopying Files Across Workbooks Lab 5, Step 1  A. Save al.docx
Copying Files Across Workbooks Lab 5, Step 1 A. Save al.docx
 
Maliram poonia project
Maliram poonia projectMaliram poonia project
Maliram poonia project
 
Lesson5 Customizing windows
Lesson5  Customizing windowsLesson5  Customizing windows
Lesson5 Customizing windows
 
Microsoft excel training module
Microsoft excel training moduleMicrosoft excel training module
Microsoft excel training module
 

More from Peter Heffner

Hey Siri, open my PowerApp
Hey Siri, open my PowerAppHey Siri, open my PowerApp
Hey Siri, open my PowerAppPeter Heffner
 
Multilingual Power Apps
Multilingual Power AppsMultilingual Power Apps
Multilingual Power AppsPeter Heffner
 
Power Apps and Office365 Groups
Power Apps and Office365 GroupsPower Apps and Office365 Groups
Power Apps and Office365 GroupsPeter Heffner
 
Power Apps and Microsoft Teams
Power Apps and Microsoft TeamsPower Apps and Microsoft Teams
Power Apps and Microsoft TeamsPeter Heffner
 
PowerApps - Using your own Colour Set
PowerApps - Using your own Colour SetPowerApps - Using your own Colour Set
PowerApps - Using your own Colour SetPeter Heffner
 
PowerApps and Azure SQL Server / Blob storage
PowerApps and Azure SQL Server / Blob storagePowerApps and Azure SQL Server / Blob storage
PowerApps and Azure SQL Server / Blob storagePeter Heffner
 
Import excel rows to sharepoint list
Import excel rows to sharepoint listImport excel rows to sharepoint list
Import excel rows to sharepoint listPeter Heffner
 
Multilingual power apps
Multilingual power appsMultilingual power apps
Multilingual power appsPeter Heffner
 
Office Lens #68: Screenshots mit Office Lens
Office Lens #68: Screenshots mit Office LensOffice Lens #68: Screenshots mit Office Lens
Office Lens #68: Screenshots mit Office LensPeter Heffner
 
PowerApp #69 Create a PowerApp
PowerApp #69 Create a PowerAppPowerApp #69 Create a PowerApp
PowerApp #69 Create a PowerAppPeter Heffner
 
SharePoint Lesson #67: Connect List Data and Visio
SharePoint Lesson #67: Connect List Data and VisioSharePoint Lesson #67: Connect List Data and Visio
SharePoint Lesson #67: Connect List Data and VisioPeter Heffner
 
SharePoint Lesson #66: Live Data - List Items in PowerPoint
SharePoint Lesson #66: Live Data - List Items in PowerPointSharePoint Lesson #66: Live Data - List Items in PowerPoint
SharePoint Lesson #66: Live Data - List Items in PowerPointPeter Heffner
 
SharePoint Lesson #65: Content Organizer in SP2013
SharePoint Lesson #65: Content Organizer in SP2013SharePoint Lesson #65: Content Organizer in SP2013
SharePoint Lesson #65: Content Organizer in SP2013Peter Heffner
 
SharePoint Lesson #64. Sort-of-Gantt
SharePoint  Lesson #64. Sort-of-GanttSharePoint  Lesson #64. Sort-of-Gantt
SharePoint Lesson #64. Sort-of-GanttPeter Heffner
 
SharePointLesson #63: vCard for Outlook
SharePointLesson #63: vCard for OutlookSharePointLesson #63: vCard for Outlook
SharePointLesson #63: vCard for OutlookPeter Heffner
 
SharePoint Lesson #62: Progress Bar in SP2013
SharePoint Lesson #62: Progress Bar in SP2013SharePoint Lesson #62: Progress Bar in SP2013
SharePoint Lesson #62: Progress Bar in SP2013Peter Heffner
 
SharePoint Lesson #61: Embed non-MS Content in SP2013
SharePoint Lesson #61: Embed non-MS Content in SP2013SharePoint Lesson #61: Embed non-MS Content in SP2013
SharePoint Lesson #61: Embed non-MS Content in SP2013Peter Heffner
 
SharePoint Tutorial Lesson 60#: Embed Microsoft Content
SharePoint Tutorial Lesson 60#: Embed Microsoft ContentSharePoint Tutorial Lesson 60#: Embed Microsoft Content
SharePoint Tutorial Lesson 60#: Embed Microsoft ContentPeter Heffner
 
SharePoint Lektion #52. Kurzanleitung - Webseiten und Inhalte
SharePoint Lektion #52. Kurzanleitung - Webseiten und InhalteSharePoint Lektion #52. Kurzanleitung - Webseiten und Inhalte
SharePoint Lektion #52. Kurzanleitung - Webseiten und InhaltePeter Heffner
 
SharePoint Lesson #59: Filtered Lookup
SharePoint Lesson #59: Filtered LookupSharePoint Lesson #59: Filtered Lookup
SharePoint Lesson #59: Filtered LookupPeter Heffner
 

More from Peter Heffner (20)

Hey Siri, open my PowerApp
Hey Siri, open my PowerAppHey Siri, open my PowerApp
Hey Siri, open my PowerApp
 
Multilingual Power Apps
Multilingual Power AppsMultilingual Power Apps
Multilingual Power Apps
 
Power Apps and Office365 Groups
Power Apps and Office365 GroupsPower Apps and Office365 Groups
Power Apps and Office365 Groups
 
Power Apps and Microsoft Teams
Power Apps and Microsoft TeamsPower Apps and Microsoft Teams
Power Apps and Microsoft Teams
 
PowerApps - Using your own Colour Set
PowerApps - Using your own Colour SetPowerApps - Using your own Colour Set
PowerApps - Using your own Colour Set
 
PowerApps and Azure SQL Server / Blob storage
PowerApps and Azure SQL Server / Blob storagePowerApps and Azure SQL Server / Blob storage
PowerApps and Azure SQL Server / Blob storage
 
Import excel rows to sharepoint list
Import excel rows to sharepoint listImport excel rows to sharepoint list
Import excel rows to sharepoint list
 
Multilingual power apps
Multilingual power appsMultilingual power apps
Multilingual power apps
 
Office Lens #68: Screenshots mit Office Lens
Office Lens #68: Screenshots mit Office LensOffice Lens #68: Screenshots mit Office Lens
Office Lens #68: Screenshots mit Office Lens
 
PowerApp #69 Create a PowerApp
PowerApp #69 Create a PowerAppPowerApp #69 Create a PowerApp
PowerApp #69 Create a PowerApp
 
SharePoint Lesson #67: Connect List Data and Visio
SharePoint Lesson #67: Connect List Data and VisioSharePoint Lesson #67: Connect List Data and Visio
SharePoint Lesson #67: Connect List Data and Visio
 
SharePoint Lesson #66: Live Data - List Items in PowerPoint
SharePoint Lesson #66: Live Data - List Items in PowerPointSharePoint Lesson #66: Live Data - List Items in PowerPoint
SharePoint Lesson #66: Live Data - List Items in PowerPoint
 
SharePoint Lesson #65: Content Organizer in SP2013
SharePoint Lesson #65: Content Organizer in SP2013SharePoint Lesson #65: Content Organizer in SP2013
SharePoint Lesson #65: Content Organizer in SP2013
 
SharePoint Lesson #64. Sort-of-Gantt
SharePoint  Lesson #64. Sort-of-GanttSharePoint  Lesson #64. Sort-of-Gantt
SharePoint Lesson #64. Sort-of-Gantt
 
SharePointLesson #63: vCard for Outlook
SharePointLesson #63: vCard for OutlookSharePointLesson #63: vCard for Outlook
SharePointLesson #63: vCard for Outlook
 
SharePoint Lesson #62: Progress Bar in SP2013
SharePoint Lesson #62: Progress Bar in SP2013SharePoint Lesson #62: Progress Bar in SP2013
SharePoint Lesson #62: Progress Bar in SP2013
 
SharePoint Lesson #61: Embed non-MS Content in SP2013
SharePoint Lesson #61: Embed non-MS Content in SP2013SharePoint Lesson #61: Embed non-MS Content in SP2013
SharePoint Lesson #61: Embed non-MS Content in SP2013
 
SharePoint Tutorial Lesson 60#: Embed Microsoft Content
SharePoint Tutorial Lesson 60#: Embed Microsoft ContentSharePoint Tutorial Lesson 60#: Embed Microsoft Content
SharePoint Tutorial Lesson 60#: Embed Microsoft Content
 
SharePoint Lektion #52. Kurzanleitung - Webseiten und Inhalte
SharePoint Lektion #52. Kurzanleitung - Webseiten und InhalteSharePoint Lektion #52. Kurzanleitung - Webseiten und Inhalte
SharePoint Lektion #52. Kurzanleitung - Webseiten und Inhalte
 
SharePoint Lesson #59: Filtered Lookup
SharePoint Lesson #59: Filtered LookupSharePoint Lesson #59: Filtered Lookup
SharePoint Lesson #59: Filtered Lookup
 

Recently uploaded

AI Product Management by Abhijit Bendigiri
AI Product Management by Abhijit BendigiriAI Product Management by Abhijit Bendigiri
AI Product Management by Abhijit BendigiriISPMAIndia
 
P1 Inspection Types in Municity 5 Smartsheet
P1 Inspection Types in Municity 5 SmartsheetP1 Inspection Types in Municity 5 Smartsheet
P1 Inspection Types in Municity 5 SmartsheetMatthewTHawley
 
Manual de la Mezcladora SoundCraft Notepad -12Fx
Manual de la Mezcladora SoundCraft Notepad -12FxManual de la Mezcladora SoundCraft Notepad -12Fx
Manual de la Mezcladora SoundCraft Notepad -12Fxjavierdavidvelasco17
 
The Age of AI: Elevating Experiences & Delivering Customer Value!
The Age of AI: Elevating Experiences & Delivering Customer Value!The Age of AI: Elevating Experiences & Delivering Customer Value!
The Age of AI: Elevating Experiences & Delivering Customer Value!ISPMAIndia
 
App Builder - Hierarchical Data Apps.pptx
App Builder - Hierarchical Data Apps.pptxApp Builder - Hierarchical Data Apps.pptx
App Builder - Hierarchical Data Apps.pptxPoojitha B
 
DBA Fundamentals Group: Continuous SQL with Kafka and Flink
DBA Fundamentals Group: Continuous SQL with Kafka and FlinkDBA Fundamentals Group: Continuous SQL with Kafka and Flink
DBA Fundamentals Group: Continuous SQL with Kafka and FlinkTimothy Spann
 
Getting Started with Trello for Beginners.pptx
Getting Started with Trello for Beginners.pptxGetting Started with Trello for Beginners.pptx
Getting Started with Trello for Beginners.pptxmavinoikein
 
Open Sprintera (Where Open Source Sparks a Sprint of Possibilities)
Open Sprintera (Where Open Source Sparks a Sprint of Possibilities)Open Sprintera (Where Open Source Sparks a Sprint of Possibilities)
Open Sprintera (Where Open Source Sparks a Sprint of Possibilities)GDSCNiT
 
AUTOKEYUNLOCKER-BRANDS-SUPPORT-STANDARD-VERSION.pdf
AUTOKEYUNLOCKER-BRANDS-SUPPORT-STANDARD-VERSION.pdfAUTOKEYUNLOCKER-BRANDS-SUPPORT-STANDARD-VERSION.pdf
AUTOKEYUNLOCKER-BRANDS-SUPPORT-STANDARD-VERSION.pdfAutokey
 
Steps to Build a PWA with Odoo.pdf
Steps to Build a PWA with Odoo.pdfSteps to Build a PWA with Odoo.pdf
Steps to Build a PWA with Odoo.pdfayushinwizards
 
100 TOOLS TO MEASURE AND ANALYSE YOUR DIGITAL MARKETING EFFORTS
100 TOOLS TO MEASURE AND ANALYSE YOUR DIGITAL MARKETING EFFORTS100 TOOLS TO MEASURE AND ANALYSE YOUR DIGITAL MARKETING EFFORTS
100 TOOLS TO MEASURE AND ANALYSE YOUR DIGITAL MARKETING EFFORTSi-engage
 
Les02 Restricting and Sorting Data using SQL.ppt
Les02 Restricting and Sorting Data using SQL.pptLes02 Restricting and Sorting Data using SQL.ppt
Les02 Restricting and Sorting Data using SQL.pptDrZeeshanBhatti
 
Cormas: Modelling for Citizens with Citizens. Building accessible and reliabl...
Cormas: Modelling for Citizens with Citizens. Building accessible and reliabl...Cormas: Modelling for Citizens with Citizens. Building accessible and reliabl...
Cormas: Modelling for Citizens with Citizens. Building accessible and reliabl...Oleksandr Zaitsev
 
SPM 2024 – Overview of and benefits of AI in Product Management
SPM 2024 – Overview of and benefits of AI in Product ManagementSPM 2024 – Overview of and benefits of AI in Product Management
SPM 2024 – Overview of and benefits of AI in Product ManagementISPMAIndia
 
Industry 4.0: Building the Unified Namespace with Confluent, HiveMQ and Spark...
Industry 4.0: Building the Unified Namespace with Confluent, HiveMQ and Spark...Industry 4.0: Building the Unified Namespace with Confluent, HiveMQ and Spark...
Industry 4.0: Building the Unified Namespace with Confluent, HiveMQ and Spark...confluent
 
"Taking an idea to a Product in Health diagnostics" by Dr. Geetha Manjunath, ...
"Taking an idea to a Product in Health diagnostics" by Dr. Geetha Manjunath, ..."Taking an idea to a Product in Health diagnostics" by Dr. Geetha Manjunath, ...
"Taking an idea to a Product in Health diagnostics" by Dr. Geetha Manjunath, ...ISPMAIndia
 
killingcamp 광고삽입문제 풀이, killingcamp 광고삽입문제 풀이
killingcamp 광고삽입문제 풀이, killingcamp 광고삽입문제 풀이killingcamp 광고삽입문제 풀이, killingcamp 광고삽입문제 풀이
killingcamp 광고삽입문제 풀이, killingcamp 광고삽입문제 풀이ssuser82c38d
 
Embracing Change - The Impact of Generative AI on Strategic Portfolio Management
Embracing Change - The Impact of Generative AI on Strategic Portfolio ManagementEmbracing Change - The Impact of Generative AI on Strategic Portfolio Management
Embracing Change - The Impact of Generative AI on Strategic Portfolio ManagementOnePlan Solutions
 
maximum subarray ppt for killing camp students
maximum subarray ppt for killing camp studentsmaximum subarray ppt for killing camp students
maximum subarray ppt for killing camp studentsssuser82c38d
 

Recently uploaded (20)

AI Product Management by Abhijit Bendigiri
AI Product Management by Abhijit BendigiriAI Product Management by Abhijit Bendigiri
AI Product Management by Abhijit Bendigiri
 
P1 Inspection Types in Municity 5 Smartsheet
P1 Inspection Types in Municity 5 SmartsheetP1 Inspection Types in Municity 5 Smartsheet
P1 Inspection Types in Municity 5 Smartsheet
 
Manual de la Mezcladora SoundCraft Notepad -12Fx
Manual de la Mezcladora SoundCraft Notepad -12FxManual de la Mezcladora SoundCraft Notepad -12Fx
Manual de la Mezcladora SoundCraft Notepad -12Fx
 
The Age of AI: Elevating Experiences & Delivering Customer Value!
The Age of AI: Elevating Experiences & Delivering Customer Value!The Age of AI: Elevating Experiences & Delivering Customer Value!
The Age of AI: Elevating Experiences & Delivering Customer Value!
 
App Builder - Hierarchical Data Apps.pptx
App Builder - Hierarchical Data Apps.pptxApp Builder - Hierarchical Data Apps.pptx
App Builder - Hierarchical Data Apps.pptx
 
DBA Fundamentals Group: Continuous SQL with Kafka and Flink
DBA Fundamentals Group: Continuous SQL with Kafka and FlinkDBA Fundamentals Group: Continuous SQL with Kafka and Flink
DBA Fundamentals Group: Continuous SQL with Kafka and Flink
 
Getting Started with Trello for Beginners.pptx
Getting Started with Trello for Beginners.pptxGetting Started with Trello for Beginners.pptx
Getting Started with Trello for Beginners.pptx
 
Open Sprintera (Where Open Source Sparks a Sprint of Possibilities)
Open Sprintera (Where Open Source Sparks a Sprint of Possibilities)Open Sprintera (Where Open Source Sparks a Sprint of Possibilities)
Open Sprintera (Where Open Source Sparks a Sprint of Possibilities)
 
AUTOKEYUNLOCKER-BRANDS-SUPPORT-STANDARD-VERSION.pdf
AUTOKEYUNLOCKER-BRANDS-SUPPORT-STANDARD-VERSION.pdfAUTOKEYUNLOCKER-BRANDS-SUPPORT-STANDARD-VERSION.pdf
AUTOKEYUNLOCKER-BRANDS-SUPPORT-STANDARD-VERSION.pdf
 
Steps to Build a PWA with Odoo.pdf
Steps to Build a PWA with Odoo.pdfSteps to Build a PWA with Odoo.pdf
Steps to Build a PWA with Odoo.pdf
 
100 TOOLS TO MEASURE AND ANALYSE YOUR DIGITAL MARKETING EFFORTS
100 TOOLS TO MEASURE AND ANALYSE YOUR DIGITAL MARKETING EFFORTS100 TOOLS TO MEASURE AND ANALYSE YOUR DIGITAL MARKETING EFFORTS
100 TOOLS TO MEASURE AND ANALYSE YOUR DIGITAL MARKETING EFFORTS
 
Features of IETM Software -Code and Pixels
Features of IETM Software -Code and PixelsFeatures of IETM Software -Code and Pixels
Features of IETM Software -Code and Pixels
 
Les02 Restricting and Sorting Data using SQL.ppt
Les02 Restricting and Sorting Data using SQL.pptLes02 Restricting and Sorting Data using SQL.ppt
Les02 Restricting and Sorting Data using SQL.ppt
 
Cormas: Modelling for Citizens with Citizens. Building accessible and reliabl...
Cormas: Modelling for Citizens with Citizens. Building accessible and reliabl...Cormas: Modelling for Citizens with Citizens. Building accessible and reliabl...
Cormas: Modelling for Citizens with Citizens. Building accessible and reliabl...
 
SPM 2024 – Overview of and benefits of AI in Product Management
SPM 2024 – Overview of and benefits of AI in Product ManagementSPM 2024 – Overview of and benefits of AI in Product Management
SPM 2024 – Overview of and benefits of AI in Product Management
 
Industry 4.0: Building the Unified Namespace with Confluent, HiveMQ and Spark...
Industry 4.0: Building the Unified Namespace with Confluent, HiveMQ and Spark...Industry 4.0: Building the Unified Namespace with Confluent, HiveMQ and Spark...
Industry 4.0: Building the Unified Namespace with Confluent, HiveMQ and Spark...
 
"Taking an idea to a Product in Health diagnostics" by Dr. Geetha Manjunath, ...
"Taking an idea to a Product in Health diagnostics" by Dr. Geetha Manjunath, ..."Taking an idea to a Product in Health diagnostics" by Dr. Geetha Manjunath, ...
"Taking an idea to a Product in Health diagnostics" by Dr. Geetha Manjunath, ...
 
killingcamp 광고삽입문제 풀이, killingcamp 광고삽입문제 풀이
killingcamp 광고삽입문제 풀이, killingcamp 광고삽입문제 풀이killingcamp 광고삽입문제 풀이, killingcamp 광고삽입문제 풀이
killingcamp 광고삽입문제 풀이, killingcamp 광고삽입문제 풀이
 
Embracing Change - The Impact of Generative AI on Strategic Portfolio Management
Embracing Change - The Impact of Generative AI on Strategic Portfolio ManagementEmbracing Change - The Impact of Generative AI on Strategic Portfolio Management
Embracing Change - The Impact of Generative AI on Strategic Portfolio Management
 
maximum subarray ppt for killing camp students
maximum subarray ppt for killing camp studentsmaximum subarray ppt for killing camp students
maximum subarray ppt for killing camp students
 

PowerApps - Canvas Screen with Tabs

  • 1. Screen withTabs How to create a Screen withTabs in PowerApps Peter Heffner @Lingualizer
  • 2. Why this tutorial? • Sometimes it's just too much information for 1 single screen • You don't want the user to have to scroll or navigate to different screens This is what we do: • Create 1 single screen • Add some tabs • Display only the content related to the selected tab
  • 3. Add a 'scrollable Screen' Only the 'scrollable Screen' has the Canvas we need for our tabs.
  • 4. Add 3 Sections • Add 3 Sections in order to create 3 DataCards • Each DataCard will work as a single screen
  • 5. Set the Fill Colour for each DataCard Set the fill colour of each DataCard to a different value. Each DataCard represents a separateTab This makes it easier to see whichTab is active.
  • 6. Screen – OnVisible Action This example has 3 tabs which are defined in a Collection 'collTabs': ClearCollect(collTabs,{No:1,Name:"Tab 1"},{No:2,Name:"Tab 2"},{No:3,Name:"Tab 3"}) 'No' can be used to set the order how the tabs are displayed 'Name' is the text that appears on the tab. Let us also define a local variable '_SelTab' which is set to the currently selected tab: UpdateContext({_selTab:1})
  • 7. Add a blank horizontal Gallery On 'Screen' level add a blank horizontal Gallery Place the Gallery in the top header section
  • 8. Define the Gallery Set [Items] to the Collection created at 'OnVisible' of the screen. Edit the Gallery Add a Button control to the Gallery. You may either want to change the colour of the header rectangle or the fill color of the button.
  • 9. Define the Buttons 1/3 Make it a nice button: Select the Button Set RadiusBottomRight = 0 Set RadiusBottomLeft = 0 Set the top left and right radius' to half the height of the button Add the text label: With the button selected set [Text]=ThisItem.Name This will add the corresponding name from the Collection.
  • 10. Define the Buttons 2/3 Add some Action: With the button selected set [OnSelect]=UpdateContext({_selTab:ThisItem.No}) The local variable [_selTab] is set to the number of the tab as defined in the collection
  • 11. Define the Buttons 3/3 Set the DisplayMode: In order to see which tab has been selected, we set the DisplayMode of the selected button to 'Disable' and set it to 'Edit' if not selected: If(ThisItem.No=_selTab,DisplayMode.Disabled,DisplayMode.Edit)
  • 12. Display the Screens Set the screensVisible property: By default the [Visible] property of all DataCards is 'true' Select a DataCard in the tree view which should be displayed ifTab1 is selected: Select the [Visible] property Set the value to 'If(_selTab=1,true,false)' The other DataCards go like If(_selTab=2,true,false) and If(_selTab=3,true,false) TheVisible property of the DataCard is set by the value of the local variable [_selTab].