How to design dynamic form ?

You can make the use of if() function over choiceLabels and choiceValues of Checkbox and use the same if() to show or hide an another checkbox, when the value gets selected from previous checkbox.


For better explanation, if you can share the SAIL code of these components, so that practitioner can easily modify that and attach the same here.

I have used Application builder to build the application.

Below are generated code for Tools Affected and Nodes Affected fields.

 

if(
  ri!readOnly,
  a!textField(
    label: "Tools Affected",
    labelPosition: "ADJACENT",
    value: if(
      or(isnull(ri!record.toolsAffected), count(ri!record.toolsAffected.value)=0),
      "",
      joinarray(ri!record.toolsAffected.value, ", ")
    ),
    readOnly: true
  ),
  a!checkboxField(
    label: "Tools Affected",
    labelPosition: "ABOVE",
    instructions: "",
    helpTooltip: "",
    choiceLabels: local!toolsAffectedOptions.value,
    choiceValues: local!toolsAffectedOptions,
    value: ri!record.toolsAffected,
    saveInto: ri!record.toolsAffected,
    required: false
  )
)

if(
  ri!readOnly,
  a!textField(
    label: "Nodes Affected",
    labelPosition: "ADJACENT",
    value: if(
      or(isnull(ri!record.nodesAffected), count(ri!record.nodesAffected.value)=0),
      "",
      joinarray(ri!record.nodesAffected.value, ", ")
    ),
    readOnly: true
  ),
  a!checkboxField(
    label: "Tools Affected",
    labelPosition: "ABOVE",
    instructions: "",
    helpTooltip: "",
    choiceLabels: local!nodesAffectedOptions.value,
    choiceValues: local!nodesAffectedOptions,
    value: ri!record.nodesAffected,
    saveInto: ri!record.nodesAffected,
    required: false
  )
)

 

Can you help me with this ?

I think you'd be better off learning the basics by creating a small test interface that you can play around with and see how the different pieces interact. Someone might be able to provide you a snippet of code that you can paste into a blank interface designer window - i might at some point if I get a little more time. But in the mean time you might try doing so yourself.

It looks like you're already using an if() statement to dynamically control what SAIL components are displayed. In your code snippet you're using the if(ri!readOnly, a!textField(), a!checkboxField) to show a text field if readonly and a checkbox field otherwise.
You can use the same design pattern to conditionally show a subsequent checkbox field or an empty value to hide the field. It might look something like if(contains(ri!record.nodesAffected, "C4"), a!checkboxField(), {})

It looks like you're already using an if() statement to dynamically control what SAIL components are displayed. In your code snippet you're using the if(ri!readOnly, a!textField(), a!checkboxField) to show a text field if readonly and a checkbox field otherwise.
You can use the same design pattern to conditionally show a subsequent checkbox field or an empty value to hide the field. It might look something like if(contains(ri!record.nodesAffected, "C4"), a!checkboxField(), {})