web

You’re offline. This is a read only version of the page.

News and Announcements icon

Power Platform CommunityForums Power Pages Get id for the header ...

Power Pages

Unanswered

Get id for the header buttons to use on CSS

(0) Share

Report

Report

Posted on by Robert94

520

So I want to make the background of the header buttons to be highlighted as long as the user is on that page. For example:
If user is in Projetos page, keep Projetos button highlighted like this

My question is, how do I find the ID of those buttons to add CSS to them, I can`t find them using Portal Editor, nor Inspect.

Categories:

I have the same question (0)

All responses Img

All responses (1)

Answers Img

Answers (0)

Hugo Bernier Microsoft Employee on at

Like (0)

Report
Copy link

Link copied!

Hi @Robert94 , you can change the Header template of your site to add any CSS classes or attributes to the navigation node with the Portal Management app.

Navigate to Web Templates , find the Header template, and use Liquid to get the page information (like the current page).

Please keep in mind that the page you are on may be a child page of a link in the navigation. The template uses the sublinks collection to enumerate all child links, you may want to use it for inspiration.

I hope this help?

Was this reply helpful? Yes No

Join the conversation

Helpful resources

News and Announcements

Welcome to the Power Platform Communities

You're Invited to Keeping It Real with the Power Platform

Quick Links

Subscribe to this forum!

Stay up to date on forum activity by subscribing.

Leaderboard > Power Pages

#1

#2

#3

Last 30 days Overall leaderboard

Featured topics

Solution to LinkedIn Authentication in Power Apps Portals

Welcome to the Power Pages forum!

Product updates

Microsoft Power Platform Community release plans