web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

Welcome to the Power Platform Communities
News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Pages / Highlight webpage Butt...
Power Pages
Unanswered

Highlight webpage Buttons on the Header Menu, when a specific webpage is accessed?

(0) ShareShare
ReportReport
Posted on by Robert94 520

Hi,
So in this example I have two webapges, aka 2 buttons

Robert94_0-1660207613916.png


I want, when accessing the Projetos button, that button to be highlighted with a color, maybe coloring the text, or adding a rectangular in the background of it. This indicated to the user that he is on that webpage, so the highlighting will show as long as the user is in that webpage.

Categories:
General topics
I have the same question (0)
  • ragavanrajan Profile Picture
    ragavanrajan 7,044 Most Valuable Professional on at

    Hi @Robert94 

    Yes, it is possible. Please try the following in your localized content > custom CSS section. 

     

    .button1:hover {
 color: black !important;
 background-color: green !important;
 border-color: red !important;
}

    Note: Add CSS class for your button. In my case: It is button1 

    2. Hit save. 

     

    You can also use  :visited  selector and modify colors 

    :visited {  css declarations;}

     

    ------------
    In Design Studio

    1. Pres sync configuration and preview the website. And press "Ctrl+F5" 

     

    Output:

     

    ragavanrajan_0-1660254586066.png

    On Hover: 

     

    ragavanrajan_1-1660254609971.png

     

    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.

  • Robert94 Profile Picture
    Robert94 520 on at

    Hi @ragavanrajan , thank you for your response.
    I can`t seem to find the Button name, I tried with inspect and with the html code inside the Portal Editor, while selecting the Button, but with no success.
    This is how the inspect looks

    Robert94_0-1660292805351.png

     


    Also, what I want to achieve, is to keep that button highlighted the whole time I`m in that page, is that what the code you provided will do?

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

News and Announcements

Welcome to the Power Platform Communities

Quick Links

Introducing the 2026 Season 1 community Super Users

Congratulations to our 2026 Super Users!

Kudos to our 2025 Community Spotlight Honorees

Congratulations to our 2025 community superstars!

Congratulations to the April Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Pages

#1
11manish Profile Picture

11manish 56

#2
Valantis Profile Picture

Valantis 46

#3
rezarizvii Profile Picture

rezarizvii 35

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