All Content
Timespan
Image Source: Shutterstock.com
Jun 20, 2022 3:18 PM
Building a beautiful Power Apps mobile navigation menu - SVG’s (part 3)
External Blog Post
In the third part of the Power Apps mobile navigation series by Kristine, she shows how to improve the design of the menu by replacing standard icons with SVGs. She shows also how to animate the SVGs and change colors depending on the selection.
In the third post of the four-part series, Kristine continues on building the beautiful mobile navigation menu in PowerApps. After adding the menu / gallery for functionality last time, this post is focused on beautifying the menu.
Before starting with the actual steps, Kristine also gives a good introduction to SVGs in general!
Afterwards, the steps include:
- Add a SVG to PowerApps
- Coloring the Paths of a SVG
- Adding image controls to the menu
- Using the Switch() function to make the color changeable
- Adding the actual If-Condition to handle the current screen selection
- Animating the icons
If you followed through with Kristine's blog, the menu now looks really great! 😊