Fill the demo data in SAIL on click of a Button.

Question

Hi, 
 we have requirement like on Button Click entire SAIL form(many fields) has to fill with some demo data. this will save a lot of time while giving the demo to client. 
 will it be possible to fill the data on click of a button? 
 Can you provide some thoughts on this, if possible some sample form. 
 We don't want to send the data from Process because we don't want to fill the form with default data. 
 Thanks in advance. 
 -Ram

Smruti Swain · Answer

Hi Ram, You can still pass the data from the process and on click of a button you can fill those data across the form fields -OR- you can simply use a local variable and simply define the value inline. First you need to create a local variable that is used to fill out the form and assign the process variable (option#1) or defined local variable (option#2) to the local variable (used to fill out the form) in the saveInto of the buttonWidget. Here is how the form definition should look like for option#1. load( local!formData, a!formLayout( label: "Registration form", contents: { a!textField( label: "Name", value: local!formData.name, saveInto: local!formData.name ), a!textField( label: "DoB", value: local!formData.dob, saveInto: local!formData.dob ) }, buttons: a!buttonLayout( primaryButtons: { a!buttonWidget( label: "Fill", style: "PRIMARY", submit: false, saveInto: { a!save( local!formData, ri!cdt ) } ) } ) ) )

jeromew · Answer

Hi Ram, 
 I do something similar for demos. There are a few different methods I've used: 
 load(
 local!demoData,
 a!formLayout(
 label: "Demo",
 contents: {
 a!sectionLayout(
 contents: {
 /*Populate from a button anywhere in the content*/
 a!buttonLayout(
 primaryButtons: {
 a!buttonWidget(
 label: "From Content Button",
 style: "PRIMARY",
 submit: false,
 saveInto: {
 a!save(
 local!demoData,
 {
 field1: "field1FromContentButton",
 field2: "field2FromContentButton",
 field3: "field3FromContentButton"
 }
 )
 }
 )
 }
 ),
 /*Populate from dynamic link*/
 a!linkField(
 label: "Link Field",
 links: a!dynamicLink(
 label: "From Dynamic Link",
 saveInto: {
 a!save(
 local!demoData,
 {
 field1: "field1FromDynamicLink",
 field2: "field2FromDynamicLink",
 field3: "field3FromDynamicLink"
 }
 )
 }
 )
 ),
 a!textField(
 label: "Field 1",
 value: local!demoData.field1,
 saveInto: local!demoData.field1
 ),
 a!textField(
 label: "Field 2",
 value: local!demoData.field2,
 saveInto: local!demoData.field2
 ),
 a!textField(
 label: "Field 3",
 value: local!demoData.field3,
 saveInto: local!demoData.field3
 )
 }
 )
 },
 /*Populate demo data from form button*/
 buttons: a!buttonLayout(
 primaryButtons: {
 a!buttonWidget(
 label: "From Form Button",
 style: "PRIMARY",
 submit: false,
 saveInto: {
 a!save(
 local!demoData,
 {
 field1: "field1FromFormButton",
 field2: "field2FromFormButton",
 field3: "field3FromFormButton"
 }
 )
 }
 )
 }
 )
 )
)

deviratnamv · Answer

Hi Ram, 
Yes, it is possible to fill the data on click of a button. Once try below code. It might be helpful for you. 
load( 
 local!Data:{Fullname:"abcdz",Firstname:"efg"}, 
 a!formLayout( 
 contents: { 
 a!textField( 
 label: "Full Name", 
 value: ri!fullName, 
 saveInto: ri!fullName 
 ), 
 a!textField( 
 label: "Firstname", 
 value: ri!firstName, 
 saveInto: ri!firstName 
 ) 
 }, 
 buttons: a!buttonLayout( 
 primaryButtons: a!buttonWidget( 
 label: "Submit", 
 saveInto: 
 {a!save( 
 ri!fullName,local!Data.Fullname 
 ),a!save( 
 ri!firstName,local!Data.Firstname 
 ) 
 } 
 
 ) 
 ) 
 ) 
)

Shubham Aware · Answer

I will suggest you better solution for demo. On form load pull old data from db and initialize local variable and on save into of first field initialize ri!varible(CDT type) and remaining value gets auto fill with respective field and value. No need to click on button.

chetany · Answer

HI,

I am describing a method to populate demo data.

1. Create a local variable in load() in SAIL code. It can be a CDT or a dictionary (adhoc data structure). Example: local!formData
2. Have a rule input of the same datatype to this SAIL interface. This has to be of same type as the variable created in #1
3. Assign the demo data (form data to this variable) by binding to rule input variable created in #2. Example: first textbox can be bound to ri!formData.name, second textbox to ri!formData.age etc. This will ensure that when the form is first opened it will be blank.
4. Have a button which when clicked will assign the local variable created in #1 to the rule input created in #2. Say the button name is "Populate data". In this button, have a saveInto. In the saveInto, you can save the local variable created in #1 to the rule input created in #2. You will use the a!save() function for this. Example: a!save(ri!formData, local!formData)

Once the user clicks on the "Populate data" button, the demo data will be populated.

The above method I have suggested does not require any database data or process data.
We are simply using local variables.

In fact - this is also a good way to prototype SAIL forms and test them as you are developing them.
You can start developing SAIL forms before the related process models/CDTs are created/database schema is finalized using this method.