en | de
Worldwide Content
https://hubsite365cdn001img.azureedge.net/SiteAssets/SitePages/Content-6496/41500-screen-2022-06-06-33206.jpg
Image Source: Kristine Kolodziejski
Jun 12, 2022 6:00 AM

Building a beautiful Power Apps mobile navigation menu - HTML control (Part 1)

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.

  • Know-HowContent Type
  • Jun 6, 2022First published
  • 1 minReading Time
  • EnglishArticle Language