Power Apps Portal- How to create a visual language nav bar

Ragavan Rajan
2 min readOct 24, 2021

Fancy creating visual language Navbar in Power Apps portal? Here are the steps

Pre: Log in to your Portal and make sure you have an administrator web role assigned. This is required so that you can view the front-end editor.

Step 1: Right-click the portal > Inspect > Network > CSS

Step 2: Press F5 to see all CSS files. The file we are looking to load icons are “glyphicons-font-awesome-migrate.min.css”

You can check all CSS classes in the above file. Example below

Step 3: For instance, if you want to change the “Home” to “Home icon”. Click Edit > Next to Home > click “Edit this links”

Step 4: Under image URL: add the prefix “.fa” followed by the CSS classes which we found. so it will be “.fa.fa-home”. If you need to…

--

--

Ragavan Rajan
Ragavan Rajan

Written by Ragavan Rajan

Microsoft Business Applications MVP|5X PowerPlatform Superuser |Solution Architect|Full Stack Developer|Modern web developer, etc.

No responses yet