Page tree

Playground and DEMO space

This is a playground and demo space for ConfiForms and ConfiDoc addons developed and supported by Vertuna LLC

Most pages provide a storage format for the demo, so you can use the free add-on from Atlassian Confluence Source Editor to import this configuration into your Confluence and see it in action

To import examples from the storage format on Confluence Cloud please see this page

Please note, all the examples here are provided without any obligation and may or may not be incomplete or may have bugs, and we provide NO SUPPORT for these examples and demos.

This demo shows a form with custom layout and with choices + custom text area for details for each choice

Storage format

<ac:structured-macro ac:macro-id="14b1371f-81b2-4813-8e99-ef46b360d59b" ac:name="confiform" ac:schema-version="1">
  <ac:parameter ac:name="formName">myform1</ac:parameter>
  <ac:rich-text-body>
    <p>
      <ac:structured-macro ac:macro-id="65c1a488-d59d-4a22-aa3f-ef8a2d56d1ca" ac:name="confiform-field-definition" ac:schema-version="1">
        <ac:parameter ac:name="fieldName">choice1</ac:parameter>
        <ac:parameter ac:name="fieldLabel">Choice1</ac:parameter>
        <ac:parameter ac:name="values">false[1=uno|2=duo|3=tres|4=own choice|]</ac:parameter>
        <ac:parameter ac:name="type">radio_group</ac:parameter>
      </ac:structured-macro> <ac:structured-macro ac:macro-id="f185fe28-a168-4662-8108-f99cf0d1150e" ac:name="confiform-field-definition" ac:schema-version="1">
        <ac:parameter ac:name="fieldName">choice1Details</ac:parameter>
        <ac:parameter ac:name="fieldLabel">Choice 1 details</ac:parameter>
        <ac:parameter ac:name="type">textarea</ac:parameter>
      </ac:structured-macro> <ac:structured-macro ac:macro-id="71b36604-ba27-41cb-92bd-f21234a78f15" ac:name="confiform-field-definition-rules" ac:schema-version="1">
        <ac:parameter ac:name="condition">choice1:4</ac:parameter>
        <ac:parameter ac:name="fieldName">choice1Details</ac:parameter>
        <ac:parameter ac:name="action">Show field</ac:parameter>
        <ac:parameter ac:name="actionFieldName">choice1</ac:parameter>
        <ac:parameter ac:name="withReverseRule">true</ac:parameter>
      </ac:structured-macro>
    </p>
    <p>
      <ac:structured-macro ac:macro-id="de99c0c5-b485-492e-9f23-9602b2c3ec96" ac:name="confiform-field-definition" ac:schema-version="1">
        <ac:parameter ac:name="fieldName">choice2</ac:parameter>
        <ac:parameter ac:name="fieldLabel">Choice2</ac:parameter>
        <ac:parameter ac:name="values">false[1=uno|2=duo|3=tres|4=own choice|]</ac:parameter>
        <ac:parameter ac:name="type">radio_group</ac:parameter>
      </ac:structured-macro> <ac:structured-macro ac:macro-id="728f7450-45b6-48f3-8a7e-6d0d4ba8475a" ac:name="confiform-field-definition" ac:schema-version="1">
        <ac:parameter ac:name="fieldName">choice2Details</ac:parameter>
        <ac:parameter ac:name="fieldLabel">Choice 2 details</ac:parameter>
        <ac:parameter ac:name="type">textarea</ac:parameter>
      </ac:structured-macro>
    </p>
    <p>
      <ac:structured-macro ac:macro-id="729c7d73-7133-4a06-9e80-bd2064587be8" ac:name="confiform-field-definition" ac:schema-version="1">
        <ac:parameter ac:name="fieldName">choice3</ac:parameter>
        <ac:parameter ac:name="fieldLabel">Choice3</ac:parameter>
        <ac:parameter ac:name="values">false[1=uno|2=duo|3=tres|4=own choice|]</ac:parameter>
        <ac:parameter ac:name="type">radio_group</ac:parameter>
      </ac:structured-macro> <ac:structured-macro ac:macro-id="3c9637e5-4455-427e-ab13-d1a75a683492" ac:name="confiform-field-definition" ac:schema-version="1">
        <ac:parameter ac:name="fieldName">choice3Details</ac:parameter>
        <ac:parameter ac:name="fieldLabel">Choice 3 details</ac:parameter>
        <ac:parameter ac:name="type">textarea</ac:parameter>
      </ac:structured-macro>
    </p>
  </ac:rich-text-body>
</ac:structured-macro>
<ac:structured-macro ac:macro-id="42c348d8-4906-45e3-95fe-61e13e2f27d4" ac:name="confiform-entry-register" ac:schema-version="1">
  <ac:parameter ac:name="formName">myform1</ac:parameter>
  <ac:parameter ac:name="embedded">true</ac:parameter>
  <ac:parameter ac:name="atlassian-macro-output-type">INLINE</ac:parameter>
  <ac:rich-text-body>
    <table class="wrapped" style="width: 100.0%;">
      <colgroup> <col style="width: 80.0px;"/> <col style="width: 29.0px;"/> </colgroup>
      <tbody>
        <tr>
          <th>Choice 1</th>
          <td>
            <div class="content-wrapper">
              <p>
                <ac:structured-macro ac:macro-id="3bd03755-dd99-49d5-87cd-2988f96a0d02" ac:name="confiform-field" ac:schema-version="1">
                  <ac:parameter ac:name="fieldName">choice1</ac:parameter>
                </ac:structured-macro>
              </p>
              <p>
                <ac:structured-macro ac:macro-id="db601659-3d8b-480e-9043-f0ca58638628" ac:name="confiform-field" ac:schema-version="1">
                  <ac:parameter ac:name="fieldName">choice1Details</ac:parameter>
                </ac:structured-macro>
              </p>
            </div>
          </td>
        </tr>
        <tr>
          <th colspan="1">Choice 2</th>
          <td colspan="1">
            <div class="content-wrapper">
              <p>
                <ac:structured-macro ac:macro-id="b9950f28-67a3-46a7-9f6b-bb2292fda168" ac:name="confiform-field" ac:schema-version="1">
                  <ac:parameter ac:name="fieldName">choice2</ac:parameter>
                </ac:structured-macro>
              </p>
              <ac:structured-macro ac:macro-id="c067677a-4ebf-4a6c-93fa-ec8264c48cf2" ac:name="expand" ac:schema-version="1">
                <ac:parameter ac:name="title">Click here to expand to enter details...</ac:parameter>
                <ac:rich-text-body>
                  <p>
                    <ac:structured-macro ac:macro-id="52227a3e-70b1-47eb-a9df-f3aa9eefe003" ac:name="confiform-field" ac:schema-version="1">
                      <ac:parameter ac:name="fieldName">choice2Details</ac:parameter>
                    </ac:structured-macro>
                  </p>
                </ac:rich-text-body>
              </ac:structured-macro>
            </div>
          </td>
        </tr>
        <tr>
          <th colspan="1">Choice 3</th>
          <td colspan="1">
            <div class="content-wrapper">
              <p>
                <ac:structured-macro ac:macro-id="65d2df33-61a5-4e77-9346-f50222943acd" ac:name="confiform-field" ac:schema-version="1">
                  <ac:parameter ac:name="fieldName">choice3</ac:parameter>
                </ac:structured-macro>
              </p>
              <p>Please put a comment</p>
              <p>
                <ac:structured-macro ac:macro-id="b43b6b5b-aa1e-47b6-a223-18b991bd95d1" ac:name="confiform-field" ac:schema-version="1">
                  <ac:parameter ac:name="fieldName">choice3Details</ac:parameter>
                </ac:structured-macro>
              </p>
            </div>
          </td>
        </tr>
      </tbody>
    </table>
  </ac:rich-text-body>
</ac:structured-macro>


  • No labels