Do we have a toggle button in Pega 7.2.2?
Instead of a checkbox, our client wants a toggle button.
Is this available in Pega 7.2.2? If not, how should we implement toggle/untoggle button?
Accepted Solution
Pegasystems Inc.
US
Attached solution works fine.
Pegasystems Inc.
US
HI CHOW1,
I am not aware of that Pega officially supports toggle button. As I know there is no OOTB code for toggle button.
You may need to write html/CSS/JS code to implement it.
I did a search for you and found out the below useful information in mesh:
"Switch-like radio buttons for web and mobile (using CSS)"
You can implement radio buttons that look like "switches" with CSS file below:
In order to apply it, just add the below CSS in the "included scripts" part of your skin (see capture Skin_Config), and in the orientation part of your radio button configuration, use "Horizontal"
Obviously, feel free to change background, font and border colors to your liking.
HI CHOW1,
I am not aware of that Pega officially supports toggle button. As I know there is no OOTB code for toggle button.
You may need to write html/CSS/JS code to implement it.
I did a search for you and found out the below useful information in mesh:
"Switch-like radio buttons for web and mobile (using CSS)"
You can implement radio buttons that look like "switches" with CSS file below:
In order to apply it, just add the below CSS in the "included scripts" part of your skin (see capture Skin_Config), and in the orientation part of your radio button configuration, use "Horizontal"
Obviously, feel free to change background, font and border colors to your liking.
Pegasystems Inc.
US
Thanks for the input Susan. We will look into the css sample code.
In addition, can we also use two buttons to implement a toggle behavior? e.g. One as toggled state and the other as untoggled state. And use a flag/WHEN/Refresh to simulate the toggle behavior? If you click a toggle button, that will be hidden and untoggled button will be visible and so one.
Does this sound feasible?