Home PEGA TutorialsPega Real Time Scenarios Pega Icons in 8.4.1 | Add Icon for Properties | PEGA Tutorials

Pega Icons in 8.4.1 | Add Icon for Properties | PEGA Tutorials

by Narendra Anja
0 comment
Pega Icons in 8.4


In this post, we will learn about how we can use Pega Icons in 8.4 and how we can add those icons to PEGA properties in the section.

Creating Binary File

To create a binary file open PEGA designer studio and follow the below navigation and as shown in the image below. 

Create –> Technical –> Binary File 

Pega Icons in 8.4 - 1

Now you have to configure the binary files with required fields like Label, App Name (Directory),File Type (extension), and click on create and open. For example, I am using the Facebook icon as shown in the below screen.

Now it will ask you to upload the file, you can select any icon/image from your local desktop and upload it by just clicking the upload button. As shown below and save the binary file, you can also see the preview of your icon/image once you have uploaded it.

Pega Icons in 8.4

Configure Section

Once you have saved the binary file with the required Icon/Image, create a section where you have to display the icon. For creating the section follow the below navigation

Create –> UserInterface –> Section

You can create a section with any name and in any class that you want as shown below enter the label and class name and click on create and open.

Pega Icons in 8.4 - 5

Once the section is created, drag and drop the image property from the Data Disolaycolumn as shown below screenshot.

Once done, you can configure the image properties. Select Icon source as image and also Image and path that you have given while creating the binary file. Moreover, you can also customize the height and width of the icon as for the requirement as shown in the image below.

You can add the text field or label whatever you want to display on UI, once done just run the case/section to see the output.


This is how you can set Pega Icons in 8.4. If you looking for any other concepts/scenarios please feel free to contact us. Along with PEGA real-time scenarios, you can also learn to complete PEGA Tutorials with provided PEGA Index.

Thanks for your support we will provide more tricks & tips for you. If you like our tricks, share these with your friends and join my Telegram Channel for more new tricks & tips.

You may also like

Tech Naandi Solutions

Welcome to Tech Naandi Solutions,  my website is designed in such a way that one source for all Technologies. I am dedicated to giving you the very best concepts, with a focus on All types of latest available technologies.

Laest News

@2021 – All Right Reserved. Designed and Developed by Narendra Anja

Are you sure want to unlock this post?
Unlock left : 0
Are you sure want to cancel subscription?
error: Content is protected by Narendra
How can i help you ?
Update Required Flash plugin