Configure Numeric Up-Down Control in Pega

A NumericUpDown  contains a single numeric value that can be incremented or decremented by clicking the up or down buttons of the control. 

This article illustrate how to configure Numeric up down format number in pega

Example Scenario :

User A is trying to enter the family members details in the pega application . And the pega application is designed to configure the family members details in up down format number . Let’s see how we can achieve this in pega !!!

Configuration :

Step 1

Create the case type with name of Up Down and configure the step name as mentioned below ,

Step 2

Open the section called Enter Details where we configure our requirement .

 Add an integer property called FamilyMembersCount to get the count of family members .And I have configured this property in read only format and set default value as 0 in pyDefault Data transform (OOTB)  .

Step 3

Next , I have added two image with icon source as icon class 

First Image   is added to increment the numeric property

Second Image   is added to decrement the numeric property

Step 4 

On the Increment icon , configure the event action in action tab.

Event – Click

Action – Refresh – This  Section (add data transform called IncreaseCount )

Configure the IncreaseCount Data transform as mentioned below, 

Step 5 

On the Decrement icon , configure the event action in action tab.

Event – Click

Action – Refresh – This  Section (add data transform called DecreaseCount )

Configure the DecreaseCount Data transform as mentioned below,

Hurray!!! The implementation part is done. Let us run and check…

Output Image :

By default it is showing the count as 0 .

I have clicked the incremental icon till 5

And I have clicked the decremental icon till 3

Now, i have created the case 

Let us check the value in our clipboard page

Youtube Video:

Share this post: on Twitter on Facebook on Google+