All Content
Timespan
Image Source: Kristine Kolodziejski
Jun 12, 2022 6:00 AM
Building a beautiful Power Apps mobile navigation menu - HTML control (Part 1)
External Blog Post
The development of power apps is great fun. A layout is quickly built and you can have your first successes. Whether the basic layout looks good is debatable. Kristine explains in her blog post how to create a beautiful menu with the HTML control.
Kristine “If you didn’t know already… I love UI and UX. I recently tweeted a snapshot of a mobile navigation menu I have built for one of my Power Apps which gathered a lot of interest. I promised I would show you step-by-step how to do it so here we are - welcome to Part 1!
The actual menu comprises of a few elements layered on top of each other, some of them are classed as slightly more advanced, and I thought it would be a good idea to split this tutorial into smaller chunks and deep dive into each one of the parts in more detail. “
- Part 1 - the menu background using a HTML control,
- Part 2 - Creating the menu items using a gallery,
- Part 3 - Swapping the static icons to SVG’s,
- Part 4 - Creating a reusable components from the elements we’ve built in previous parts.