Skip to main content
Community site session details

Community site session details

Session Id :
Microsoft Dynamics 365 | Integration, Dataverse...
Suggested answer

Add custom icon on the portal

(0) ShareShare
ReportReport
Posted on by 153

On the portal, I have a view on which I want to add a custom icon but when I tried to add the custom icon view on the portal when I add javascript code on the column where I want to show icon after clicking on OK I got an error.

Image20220105155748.png

And I want to change this icon on the portal.

Image20220105160746.png

  • Community Member Profile Picture
    on at
    RE: Add custom icon on the portal

    Hi Prashant,

    As per my original post, here are 2 ways to add Javascript to your List.

    1. Via the Portal Management app, select your List and add it to the Custom Javascript section. Here's an example for a List as shown in your screenshot.

    Image

    2. Log into your portal as an portal admin, click on Edit on the admin menu, then Options -> Custom Javascript and add your code there.

    Image 

    Image

    Hope this helps.

    Linda - https://www.em-powerplatformup.com/

  • Prashant.ITT Profile Picture
    153 on at
    RE: Add custom icon on the portal

     i want to only change the arrow down icon so from where i can add javascript code for replace the class name

  • Suggested answer
    Community Member Profile Picture
    on at
    RE: Add custom icon on the portal

    Hi,

    To add Javascript to a portal form or view, there are 2 ways.

    1. Via the Portal Management app, select your List or Form and add it to the Custom Javascript section. Here's an example for a List as shown in your screenshot.

    pastedimage1641758442129v4.png

    2. Log into your portal as an portal admin, click on Edit on the admin menu, then Options -> Custom Javascript and add your code there.

    pastedimage1641758494360v5.png 

    pastedimage1641758561587v6.png

    Modifying icon

    I have 2 suggestions.

    1. If you're looking to only change the arrow down icon to a different one, I would suggest that you'll have to find a way (probably will involve Javascript coding) to replace the class name  from pastedimage1641757256816v1.png to a different class in your entity list. Since the icon is using Font Awesome, you can find a list of free Font Awesome here https://fontawesome.com/v6.0/icons/caret-down?s=solid.

    2. If you're looking to change the icons after you click on button like this pastedimage1641757707131v2.png, you can add a glyphicon class to the Button Label in your List. A list of the glyphicons are available here https://getbootstrap.com/docs/3.3/components/.

    pastedimage1641757852935v3.png

    Hope this helps.

    Linda - https://www.em-powerplatformup.com/

  • Suggested answer
    Nya Profile Picture
    29,060 on at
    RE: Add custom icon on the portal

    Hi,

    You can refer to the following article to customize the icon.

    Power Apps Portals – Adding Icons to Entity List Action buttons via CSS – Oliver Rodrigues (oliverrodrigues365.com)

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

Quick Links

Ramesh Kumar – Community Spotlight

We are honored to recognize Ramesh Kumar as our July 2025 Community…

Congratulations to the June Top 10 Community Leaders!

These are the community rock stars!

Announcing the Engage with the Community forum!

This forum is your space to connect, share, and grow!

Leaderboard > Microsoft Dynamics 365 | Integration, Dataverse, and general topics

#1
Adis Profile Picture

Adis 136 Super User 2025 Season 1

#2
Sohail Ahmed Profile Picture

Sohail Ahmed 81

#3
Jonas "Jones" Melgaard Profile Picture

Jonas "Jones" Melgaard 77 Super User 2025 Season 1

Product updates

Dynamics 365 release plans