Vertical Menu/Page Selection in Portals

(0) Share

Report

Posted on by Zap174

167

I want to make the header/page selection tabs of my portal page look like the following picture:

A vertical menu (icons not immediately necessary) that a user can utilize to navigate from page to page just as they would normally do with the page selection in the header of a normal page. Is there any way of doing this?

Categories:

Power Apps portals

I have the same question (0)

All responses (6)

Answers (1)

ragavanrajan 7,044 Most Valuable Professional on at

Like (1)

Report

Hey @Zap174

I have published an article to make icon bar like this.

https://link.medium.com/BfTksuilvob

Hope it helps.

------------

If you like this post, give it a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users to find it.

Was this reply helpful? Yes No
Zap174 167 on at

Like (0)

Report

Hi @ragavanrajan
Thank you for the article! This will definitely be useful in the future. Right now I am more concerned about making the header/page selection menu vertical and on the side of the page, similar to the orientation of the picture I posted. Would you know how to achieve that?

Was this reply helpful? Yes No
Verified answer

ragavanrajan 7,044 Most Valuable Professional on at

Like (1)

Report

Glad to hear it will be useful @Zap174. Sure the trick is you need to modify the header web template.

Have a look the article

https://arpitpowerguide.com/2022/01/09/power-apps-portal-create-left-navigation-menu/

Hope it helps.

------------

If you like this post, give it a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users to find it.

Was this reply helpful? Yes No
Zap174 167 on at

Like (0)

Report

Thank you @ragavanrajan, this link is very helpful. I got the vertical menu working but it definitely needs some styling. Would you have any insight as to where and how to style the menu? (Spacing between pages, font, text size)

Was this reply helpful? Yes No
ragavanrajan 7,044 Most Valuable Professional on at

Like (1)

Report

Hey @Zap174

You can style your header navbar by uploading the custom.css in Portal studio. Probably worth looking at my below article. It is not directly relevant to your request. But the section 2 will help you to style your components.

https://ragavanrajan.medium.com/power-apps-portals-customise-the-sign-in-form-toggle-password-visibility-539775f6331c

If you need any further help please raise a new thread as it will be useful to others.

Hope it helps.
------------

If you like this post, give it a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users to find it.

Was this reply helpful? Yes No
Zap174 167 on at

Like (0)

Report

Thank you for the info!

Was this reply helpful? Yes No