Page History

...

f1 - text field
d1 - dropdown field with 2 choices (with id=1 and label "one" and with id=2 and label "two")
f2 - text field
r1 - radio group field (with id=val1 and label "Value 1" and with id=val2 and label "Value 2")
f3 - text field

It is important to remember field names, as ConfiForms Field Definition rules macro expects you to know it

Here is how the form looks in the view mode

Warning
Important note: on the screenshot above you see only 4 fields initially. This is because of the rules defined. See below.

Let's see what is in rules

First rule defines that when the field f1 has the value "testme" it should dow the following:
1. set the dropdown field (d1) to value "2"
2. set text "value is set by field 1" to field f2
Another rule observes the value chosen in radio button

shows the field 'f3' when field 'r1' has first option selected (the option is with id = "val1")

Third rule also observes the value chosen in the same radio button

but hides the field 'f3' where second option is selected in the radio group control or when nothing is selected

The storage format for the form is listed below

Code Block

<ac:structured-macro ac:name="confiform">
  <ac:parameter ac:name="formName">f</ac:parameter>
  <ac:rich-text-body>
    <p>
      <ac:structured-macro ac:name="confiform-entry-register">
        <ac:parameter ac:name="atlassian-macro-output-type">INLINE</ac:parameter>
        <ac:rich-text-body>
          <p> </p>
        </ac:rich-text-body>
      </ac:structured-macro>
      <ac:structured-macro ac:name="confiform-field-definition">
        <ac:parameter ac:name="type">text</ac:parameter>
        <ac:parameter ac:name="fieldName">f1</ac:parameter>
        <ac:parameter ac:name="fieldLabel">F1</ac:parameter>
      </ac:structured-macro>
    </p>
    <p>
      <ac:structured-macro ac:name="confiform-field-definition">
        <ac:parameter ac:name="values">false[1=one|2=two|]</ac:parameter>
        <ac:parameter ac:name="type">select</ac:parameter>
        <ac:parameter ac:name="fieldName">d1</ac:parameter>
        <ac:parameter ac:name="fieldLabel">Dropdown</ac:parameter>
      </ac:structured-macro>
    </p>
    <p>
      <ac:structured-macro ac:name="confiform-field-definition">
        <ac:parameter ac:name="type">text</ac:parameter>
        <ac:parameter ac:name="fieldName">f2</ac:parameter>
        <ac:parameter ac:name="fieldLabel">F2</ac:parameter>
      </ac:structured-macro>
    </p>
    <p>
      <ac:structured-macro ac:name="confiform-field-definition">
        <ac:parameter ac:name="values">false[val1=Value 1|val2=Value 2|]</ac:parameter>
        <ac:parameter ac:name="type">radio_group</ac:parameter>
        <ac:parameter ac:name="fieldName">r1</ac:parameter>
        <ac:parameter ac:name="fieldLabel">Radio 1</ac:parameter>
      </ac:structured-macro>
    </p>
    <p>
      <ac:structured-macro ac:name="confiform-field-definition">
        <ac:parameter ac:name="type">text</ac:parameter>
        <ac:parameter ac:name="fieldName">f3</ac:parameter>
        <ac:parameter ac:name="fieldLabel">Field 3</ac:parameter>
      </ac:structured-macro>
    </p>
    <p>
      <ac:structured-macro ac:name="confiform-field-definition-rules">
        <ac:parameter ac:name="values">d1=2&amp;f2=value is set by field 1</ac:parameter>
        <ac:parameter ac:name="condition">f1:testme</ac:parameter>
        <ac:parameter ac:name="action">Set value</ac:parameter>
        <ac:parameter ac:name="actionFieldName">f1</ac:parameter>
      </ac:structured-macro>
    </p>
    <p>
      <ac:structured-macro ac:name="confiform-field-definition-rules">
        <ac:parameter ac:name="condition">r1:val1</ac:parameter>
        <ac:parameter ac:name="action">Show field</ac:parameter>
        <ac:parameter ac:name="fieldName">f3</ac:parameter>
        <ac:parameter ac:name="actionFieldName">r1</ac:parameter>
      </ac:structured-macro>
    </p>
    <p>
      <ac:structured-macro ac:name="confiform-field-definition-rules">
        <ac:parameter ac:name="condition">r1:val2 OR r1:</ac:parameter>
        <ac:parameter ac:name="action">Hide field</ac:parameter>
        <ac:parameter ac:name="fieldName">f3</ac:parameter>
        <ac:parameter ac:name="actionFieldName">r1</ac:parameter>
      </ac:structured-macro>
    </p>
    <p> </p>
  </ac:rich-text-body>
</ac:structured-macro>

Check out the video how the form looks like and behaves based on the values selected

HTML
<iframe width="700" height="400" src="https://www.youtube.com/embed/xQcKsz34L4I" frameborder="0" allowfullscreen></iframe>

Space shortcuts

Child pages

Versions Compared

Old Version 2

New Version Current

Key