Skip to main content

This content is closed to future replies and is no longer being maintained or updated.
Links may no longer function. If you have a similar request, please write a new post.

Question

 Praveen P (PraveenP7456)
Cognizant
Senior Associate
Cognizant
IN
PraveenP7456 Member since 2015 54 posts
Cognizant
Posted: Jul 21, 2021
Last activity: Jul 22, 2021
Posted: 21 Jul 2021 10:16 EDT
Last activity: 22 Jul 2021 5:37 EDT
Closed

How to Create the below Custom UI control

i have a requirement to create a UI controlled mentioned in the attachment.

kindly guide me how to achieve this.we are using Pega UI kit not Cosmos

***Edited by Moderator: Pooja Gadige to add platform capability tag***
To see attachments, please log in.
Pega Platform 8.3.4
Case Management
User Experience
Manufacturing
Senior System Architect

Posted: 3 years ago
Posted: 21 Jul 2021 23:49 EDT
Tanay Bal (Tanay Kumar Bal)
Maantic Inc.

Maantic Inc.
IN

Hi @PraveenP7456,

Either use slider control if it suits your requirement for a OOTB solution. That looks to me the nearest fit OOTB solution.

or else if you want to exactly mimic the attachment above then you will have to create a custom section; custom icons (for + and -); write custom actions for the icons (click events) like addition and subtraction and use css/styling to make the section look exactly the way you have attached.

To see attachments, please log in.

We'd prefer it if you saw us at our best.

Pega Collaboration Center has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice