Search icon CANCEL
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Learn Microsoft PowerApps

You're reading from   Learn Microsoft PowerApps Build customized business applications without writing any code

Arrow left icon
Product type Paperback
Published in Nov 2019
Publisher Packt
ISBN-13 9781789805826
Length 560 pages
Edition 1st Edition
Languages
Arrow right icon
Author (1):
Arrow left icon
Matthew Weston Matthew Weston
Author Profile Icon Matthew Weston
Matthew Weston
Arrow right icon
View More author details
Toc

Table of Contents (25) Chapters Close

Preface 1. Section 1: Getting Started with PowerApps FREE CHAPTER
2. Introducing PowerApps 3. Creating Your First Canvas PowerApp 4. Creating Apps from SharePoint 5. Publishing and Leveraging PowerApps 6. Section 2: Developing Your PowerApp
7. Exploring Controls 8. Exploring Formulas 9. Working with Data 10. Introducing Connectors 11. Section 3: Extending the Capabilities of Your PowerApp
12. Using GPS in PowerApps 13. Working with Images and Barcodes 14. Securing Your PowerApps 15. Working Offline 16. Using Power Automate with PowerApps 17. Using Azure with PowerApps 18. Section 4: Working with Model-Driven Apps
19. Introducing Model-Driven Apps 20. Creating Model-Driven Apps 21. Section 5: Governing PowerApps
22. Exploring Environments within Our Tenancy 23. Assessments 24. Other Books You May Enjoy

Lab 4

In this lab, we are going to build on the blank app we created in Lab 1 by creating a welcome screen for our app. Begin by opening the app we created in Lab 1 in PowerApps Studio.

Activity 1: Building basic branding

The first thing we are going to do is build a basic look and feel for our app by placing some shapes onto the canvas. To begin with, we will create a header.

For this, we will insert a Rectangle we will use as a header. Follow these steps to do so:

  1. Open the Insert menu.
  2. From the Icons menu, select Rectangle:
  1. When the rectangle appears on the canvas, drag it to the top left corner or change the X and Y properties to 0:
  1. Use the right handle to drag the width of the rectangle until it is the full width of the canvas:

Now, we need to place a Hamburger menu on the screen that will serve as our navigation menu. Let's get started:

  1. Open the Insert menu.
  2. From the Icons menu, select Hamburger menu:
  1. When the icon appears on the screen, change the X property to...
lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at €18.99/month. Cancel anytime