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

User Experience
, , ,
1

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

2

@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.

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

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

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

Adding icons to controls

Creating skins

How to use font awesome fonts and icons in pega?

Customize Modal/ Overlay Buttons

Display Modal dialog in full screen