Microsoft Dynamics 365 | Integration, Dataverse...

Add custom icon on the portal

(0) Share

Report

Posted on by Prashant.ITT

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.

And I want to change this icon on the portal.

I have the same question (0)

All responses (4)

Answers (0)

Suggested answer

Nya 29,060 on at

Like (0)

Report

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)

Was this reply helpful? Yes No
Suggested answer

Community Member on at

Like (0)

Report

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.

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.

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 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 , 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/.

Hope this helps.

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

Was this reply helpful? Yes No
Prashant.ITT 153 on at

Like (0)

Report

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

Was this reply helpful? Yes No
Community Member on at

Like (0)

Report

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.

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.

Hope this helps.

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

Was this reply helpful? Yes No