Button Configurations

Question

Hi Community Team 
 I have a query, I need to configure the formlayout buttons. Like Approve and Reject 
 1. When I click on a Submit button first time, a textfield needs to be populated. It is populated then I click on the submit second time, It Needs to store the textfield field data into the DB. 
 But, here I'm facing issue, When I click on Submit Button Firsttime.. tn the Process Model the action is completed.. Unable to add data to the textfield. In DB is showing Empty. 
 For the textfield I applied ShownWhen: ri!Cdt.Status = true(), 
 
 2. When I click on the Cancel button first time , a Textfield needs to be populated. It is populated then I click on the cancel button again, No actions were taken. I want it to complete the action. Needs to store the textfield field data into the DB. 
 Similarly, here also For the textfield I applied ShownWhen : ri!Cdt.Status = false(), 
 Status is a boolean field in my cdt. 
 Can You help me out, how to figure it out.

Sanchit Gupta (Xebia) · Accepted Answer

Why do you want to populate a textfield on click of Submit or Cancel buttons. 
 The better UI/UX approach for your use case is to give user a checkbox field in the form to accept or reject the request and side by side show a mandatory text/paragraph field for the comments that user have to add. Then on Submit save those values in the DB using WDSE node in process model.

Chandrasekhar Reddy · Answer

I agree with you, It's a good practice to use radio buttons to achieve my user story. I realized lately.. I applied the same approach on the previous day. By applying showWhen to my textfields (true / false ).. When I click on Approve a textfield which is true will appear to fill it up, similarly for the Reject a textfield ( false ).

aditya007 · Answer

Here, you need to create a new button which will display the textFields, once you have data in this particular field, start displaying the next button which will store these detail in database. 
 Note: Use Show when condition for 2 different buttons .

Mike Schmitt · Answer

Chandrasekhar Reddy said: can you share the code for the reference 
 The buttonWidget() component has a parameter called "submit", which accepts a boolean value (true or false). If it's set to false, the form/task will not submit upon click of the button, while any saves in its saveInto parameter will execute.

JayaPrakash Ravipati · Answer

Hi Chandrasekhar Reddy , 
 try the below code So, you will know how the submit parameter works in buttonwidget() 
 a!localVariables(
 local!map: a!map(name: "", email: "", comment: ""),
 local!submit: false(),
 local!showWhen: true(),
 {
 a!columnsLayout(
 columns: {
 a!columnLayout(
 contents: {
 a!textField(
 label: "Name",
 value: local!map.name,
 saveInto: local!map.name
 ),
 a!textField(
 label: "Email",
 value: local!map.email,
 saveInto: local!map.email
 )
 },
 showWhen: local!showWhen
 ),
 a!columnLayout(
 contents: {
 a!paragraphField(
 label: "Comments",
 value: local!map.comment,
 saveInto: local!map.comment
 )
 },
 showWhen: not(local!showWhen)
 ),
 a!columnLayout()
 }
 ),
 a!buttonLayout(
 primaryButtons: {
 a!buttonWidget(
 label: if(local!submit, "Approve", "Submit"),
 saveInto: {
 a!save(local!showWhen, false()),
 a!save(local!submit, true())
 },
 submit: local!submit,
 style: "PRIMARY"
 ),
 
 },
 secondaryButtons: {
 a!buttonWidget(
 label: if(local!submit, "Reject", "cancel"),
 saveInto: {
 a!save(local!showWhen, false()),
 a!save(local!submit, true())
 },
 submit: local!submit,
 style: "SECONDARY"
 )
 }
 )
 }
)

Button Configurations

Top Replies