Book Image

Microsoft Power Apps Cookbook, 2e - Second Edition

By : Eickhel Mendoza
3 (1)
Book Image

Microsoft Power Apps Cookbook, 2e - Second Edition

3 (1)
By: Eickhel Mendoza

Overview of this book

Power Apps is a low-code platform owned by Microsoft. With this platform, you can create solutions to solve your business needs while integrating with other components of the Power Platform, such as Microsoft Power Automate, Microsoft Power BI, and others. This book is a handy solution guide to meet many organizational requirements. Microsoft Power Apps Cookbook, Second Edition, takes a pragmatic approach where every business scenario is presented in a quick, practical, and action-oriented recipe. You will be able to use these instant solutions in your development environment and customize your business apps to meet challenging business needs. This will help you handle real-world scenarios and experiences to give you a head start in your Power Apps projects. You will discover various aspects of Power Apps, from building canvas apps, designing model-driven solutions, extending apps with custom connectors, and integrating apps with other platforms, to the pro-developer side including Power Apps Component Framework and creating website experiences for external users with Power Pages. By the end of this Microsoft Power Apps book, you will have gained experience in developing applications using the Power Apps platform and all its features.
Table of Contents (15 chapters)
13
Other Books You May Enjoy
14
Index

Building a floating action button component

One of the most recognizable features in a mobile design user interface is the Floating Action Button (FAB). They represent the primary action of the active screen. Almost every user will know their purpose because they have seen them in all major applications, such as Microsoft Outlook:

Graphical user interface, text, application  Description automatically generated

Figure 5.8: Write new email FAB action in Microsoft Outlook

We will learn how to replicate this element using components in this recipe.

How to do it...

  1. Create a new app using the phone layout, and from the Tree view, go to the Components tab and click on New component. From the right pane, name it FABCmp. Set its Width and Height to 95 and its fill color to transparent: RGBA (0, 0, 0, 0)
  2. Go to the Insert panel and click on Add icon. Set its X and Y positions to 5 and its Width and Height to 80. All padding properties should be 20. Lastly, set its Color to White and name this control IconIcn
  3. Using the Insert panel...