Question
YuniQ
IN
Last activity: 9 May 2023 11:37 EDT
how to create like below property + and -
when i click + symbol the number should increase click - its should decrease.
Ordina
NL
@nagar16730416 So a possible configuration for this is to have an inline layout that contains three elements: a '-' icon that sets the property to the current property value minus 1, the property itself and a '+' icon that sets the property value to the current property value plus 1. Give the layout a label and use a container format to set the header. Finally, add a refresh condition that fires when the property value changes (which is much more subtle and less expansive than a section refresh)
There are probably some existing examples for this. I don't know an exact one by memory, but the OOTB character counter might come close.
YuniQ
IN
@BasRulesMatter! thanks for your replay.
Ordina
NL
@BasRulesMatter! Two additions depending on how you want the user to interact with this:
- Perhaps you want to be able to edit the number not just by the symbols, but also by selecting the field so the user can enter a number. You could handle that with a read-only condition in the UI (i.e. with an on-click action, set the control mode to editable and use pxIsEditable or $input-Enabled as a condition)
- Perhaps you want to allow the user to only select or enter non-null values. That could be done with an OOTB edit-validate rule on the property, or you could set a message on the property. Always think of both client and server side validation in this case.
wipro
IN
Hi @NagaRajan M,
you can follow these steps:
-
Create a new property in your Pega application to hold the value that will be incremented or decremented. This property should be of type "Integer" or "Decimal" depending on whether you want to work with whole numbers or decimals.
-
Add two buttons to your user interface, one labeled "+" and the other labeled "-". These buttons should be associated with actions that will increment or decrement the value of the property created in step 1.
-
Configure the action associated with the "+" button to increment the value of the property by a certain amount. This can be done using an "Update Property" action that sets the value of the property to its current value plus the amount to be added.
-
Configure the action associated with the "-" button to decrement the value of the property by a certain amount. This can be done using another "Update Property" action that sets the value of the property to its current value minus the amount to be subtracted.
-
Finally, bind the value of the property to a visible control on the user interface so that the user can see the value change as they click the "+" and "-" buttons.
Capgemini
IN
@nagar16730416 On click of + run data transform (Target = Current property) and in (Source = Current property + 1).
On click of - run data transform (Target = Current property) and in (Source = Current property - 1).
In action on click refresh call data transform.
Please find the attachment.