How to allow a checkbox to create a greyed out/disabled field

RE: How to allow a checkbox to create a greyed out/disabled field

aloks0189 — Thu, 07 Sep 2017 23:29:14 GMT

Hi dcuser12 Also you can have a look into this sample code for your requirement, where the SSN field gets disabled and empty when a user click on the Checkbox.

load(
  local!checkbox,
  local!SSN,
  a!formLayout(
    label: "Test Form",
    contents: {
      a!textField(
        label: "SSN",
        value: local!SSN,
        saveInto: local!SSN,
        disabled: if(
          not(isnull(local!checkbox)),
          local!checkbox,
          false()
        )
      ),
      a!checkboxField(
        choiceLabels: {"I don't have SSN"},
        choiceValues: {true()},
        value: local!checkbox,
        saveInto: {
          local!checkbox,
          a!save(local!SSN, null())
        }
      )
    }
  )
)

Hope this will help you

RE: How to allow a checkbox to create a greyed out/disabled field

Omkar K — Thu, 07 Sep 2017 23:28:55 GMT

Please update your textField rule to following (Instead of readOnly, user disabled parameter from the textField):
rule!AF_CMPT_General_textField(
label: cons!SOCIAL_SECURITY_LABEL,
disabled: if(
isnull(
local!checkbox
),
false,
true
),
value:
if(
isnull(
local!checkbox
),
ri!boardUser.socialSecurityNumber,
{}
)

I hope, this helps.

RE: How to allow a checkbox to create a greyed out/disabled field

Mike Schmitt — Thu, 07 Sep 2017 21:44:51 GMT

I've previously written a Boolean Checkbox component that pretty solidly satisfies most use cases I've found for a boolean checkbox - it involves a little bit of trickery to get it to work as one might expect. I suggest you upgrade yours a bit, feel free to borrow from the below code:

=/*  Boolean Checkbox Component  */

a!checkboxField(
  label: ri!label,
  labelPosition: ri!labelPosition,
  instructions: ri!instructions,
  choiceLabels: {ri!checkboxLabel},
  choiceValues: {ri!trueValue},
  value: if(
    ri!value = ri!trueValue,
    ri!value,
    null()
  ),
  saveInto: {
    a!save(
      ri!saveInto,
      if(rule!APN_isEmpty(save!value), ri!falseValue, ri!trueValue)
    )
  },
  required: ri!required,
  disabled: ri!readOnly,
  validations: ri!validations,
  align: ri!align
)

For this component, you simply pass in values for "trueValue" and "falseValue" (in your case just pass in true() and false()), and make sure to handle the default value (i.e. initializing your local variable to a value of false()).

Then for your SSN field, set the readOnly parameter just to the value of local!checkbox, no need to do the "if(isnull(local!checkbox).." stuff.

rule!AF_CMPT_General_textField(
  label: cons!SOCIAL_SECURITY_LABEL,
  readOnly: local!checkbox,
  value: if(
    local!checkbox,
    "",
    ri!boardUser.socialSecurityNumber
  )
)