Scenario

We want a method of listing down action items, its workflow, and the individual steps that are needed to complete the workflow. We also want to track whether each individual step was carried out successfully. 

Result

Recipe

Ingredients

Apps


Scaffolding


Platform

Server, Data Center

Level

Easy

Estimated time

10 minutes ⏱

Macros

List Data, List Option, Table Data, Text Data

Storage format

You can copy and paste this code into the Confluence Source Editor:

<ac:structured-macro ac:macro-id="b12ad767-7a48-4236-9994-3b8b9b117036" ac:name="table-data" ac:schema-version="1">
  <ac:parameter ac:name="name">ActionTable</ac:parameter>
  <ac:rich-text-body>
    <table class="wrapped relative-table" style="width: 65.5054%;">
      <colgroup> <col style="width: 30.4538%;"/> <col style="width: 69.5462%;"/> </colgroup>
      <tbody>
        <tr>
          <th>Action</th>
          <th>Workflow</th>
        </tr>
        <tr>
          <td>
            <div class="content-wrapper">
              <ac:structured-macro ac:macro-id="fad3c9ce-ad8f-409a-93de-dea0ba453ba5" ac:name="text-data" ac:schema-version="1">
                <ac:parameter ac:name="name">ActionName</ac:parameter>
                <ac:parameter ac:name="content">text</ac:parameter>
                <ac:parameter ac:name="atlassian-macro-output-type">INLINE</ac:parameter>
                <ac:rich-text-body>
                  <p>
                    <br/>
                  </p>
                </ac:rich-text-body>
              </ac:structured-macro>
            </div>
          </td>
          <td>
            <div class="content-wrapper">
              <ac:structured-macro ac:macro-id="c0857c54-f537-4920-b237-e67cc45d83a4" ac:name="table-data" ac:schema-version="1">
                <ac:parameter ac:name="name">Steps</ac:parameter>
                <ac:rich-text-body>
                  <table class="wrapped">
                    <tbody>
                      <tr>
                        <th>Steps</th>
                        <th>Status</th>
                      </tr>
                      <tr>
                        <td>
                          <div class="content-wrapper">
                            <ac:structured-macro ac:macro-id="607ae4c7-851a-44e7-b62a-019610470b07" ac:name="text-data" ac:schema-version="1">
                              <ac:parameter ac:name="name">Step</ac:parameter>
                              <ac:parameter ac:name="content">text</ac:parameter>
                              <ac:parameter ac:name="atlassian-macro-output-type">INLINE</ac:parameter>
                              <ac:rich-text-body>
                                <p>
                                  <br/>
                                </p>
                              </ac:rich-text-body>
                            </ac:structured-macro>
                          </div>
                        </td>
                        <td>
                          <div class="content-wrapper">
                            <ac:structured-macro ac:macro-id="7cae4209-d44b-4c64-b553-e228d0da03a3" ac:name="list-data" ac:schema-version="1">
                              <ac:parameter ac:name="name">Status</ac:parameter>
                              <ac:parameter ac:name="atlassian-macro-output-type">INLINE</ac:parameter>
                              <ac:rich-text-body>
                                <ac:structured-macro ac:macro-id="a9698492-54a9-42e6-aa48-b9a33e340b53" ac:name="list-option" ac:schema-version="1">
                                  <ac:parameter ac:name="value">Successful </ac:parameter>
                                  <ac:rich-text-body>
                                    <p>
                                      <ac:structured-macro ac:macro-id="6f2e538f-63c2-4863-92cf-f7ad4c807322" ac:name="status" ac:schema-version="1">
                                        <ac:parameter ac:name="colour">Green</ac:parameter>
                                        <ac:parameter ac:name="title">Successful </ac:parameter>
                                      </ac:structured-macro>
                                    </p>
                                  </ac:rich-text-body>
                                </ac:structured-macro>
                                <ac:structured-macro ac:macro-id="e5a337d7-530f-481a-abf0-ec251488c870" ac:name="list-option" ac:schema-version="1">
                                  <ac:parameter ac:name="value">Not Successful </ac:parameter>
                                  <ac:rich-text-body>
                                    <p>
                                      <ac:structured-macro ac:macro-id="c9a73785-c874-4cb2-a723-1699b26f27e1" ac:name="status" ac:schema-version="1">
                                        <ac:parameter ac:name="colour">Red</ac:parameter>
                                        <ac:parameter ac:name="title">UNSuccessful</ac:parameter>
                                        <ac:parameter ac:name=""/>
                                      </ac:structured-macro>
                                    </p>
                                  </ac:rich-text-body>
                                </ac:structured-macro>
                              </ac:rich-text-body>
                            </ac:structured-macro>
                          </div>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </ac:rich-text-body>
              </ac:structured-macro>
            </div>
          </td>
        </tr>
      </tbody>
    </table>
  </ac:rich-text-body>
</ac:structured-macro>

Macro structure

You can recreate the example in the editor view:

Steps

  1. Add a Table Data macro.

  2. Add a 2 x 2 table.

  3. Add a Text Data macro in the first column.

  4. Add another Table Data macro in the second column.

  5. Add another 2 x 2 table within the Table Data macro.

  6. Add a Text Data macro (for "Steps") in the first column and then add a List Data macro (for "Status") in the second column.

  7. Save the page.

  8. Click on Edit Contents.

  9. Add Actions, Workflow, Steps and Status.

  10. Save the content.