How to create and render my own ICON CLASS on the UI through button

Question

RajeshNalla

Member since 2022

Virtusa Consulting Services Pvt. Ltd

Posted: Jul 22, 2024

Last activity: Jan 9, 2025

Posted: 22 Jul 2024 8:13 EDT
Last activity: 9 Jan 2025 10:02 EST

Closed

Solved

Hi Folks,

I want to create and render my own icon on the button when Image Source is ICON CLASS.

MY FINDINGS: I understand that we need to create a text file containing my own css

Adding it into Included styles of my application skin rule MY DOUBT:

How to render in the modal dialog box

***Edited by Moderator Marije to change type from Pega Academy to Product***

To see attachments, please log in.

Accepted Solution

Posted: 1 year ago

Updated: 1 year ago

Posted: 5 Aug 2024 11:01 EDT
Updated: 9 Jan 2025 10:02 EST

MarijeSchillern

MOD

replied to RajeshNalla

To render your custom icon in a modal dialog box, you need to apply the CSS class to the button in the modal dialog box.

Open the section that contains the modal dialog box.
In the configuration pane on the right side of the window, hover over the button control, and then click the Edit icon.
On the General tab, in the Image source list, select Icon Class.
In the field that appears, enter the name of the CSS class that you defined in your custom CSS file.
Click Apply.

Now, your custom icon should be displayed on the button in the modal dialog box when you run your application

⚠ This is a GenAI-powered tool. All generated answers require validation against the provided references.

To see attachments, please log in.