| contentAdfStringified | {"type":"doc","version":1,"content":[{"type":"heading","attrs":{"level":2},"content":[{"text":"Scenario","type":"text"}]},{"type":"extension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"paragraph","parameters":{"id":"6mhjsxmqir","extensionKey":"paragraph","name":"Scenario","isRequired":false,"atlassian-macro-output-type":"BLOCK"},"layout":"default"}},{"type":"heading","attrs":{"level":2},"content":[{"text":"Result","type":"text"}]},{"type":"extension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"paragraph","parameters":{"id":"lmodh37axg","extensionKey":"paragraph","name":"wikiResult","isRequired":false,"atlassian-macro-output-type":"BLOCK"},"layout":"default"}},{"type":"heading","attrs":{"level":2},"content":[{"text":"Recipe","type":"text"}]},{"type":"table","attrs":{"layout":"default"},"content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[61.41]},"content":[{"type":"paragraph","content":[{"text":"Apps","type":"text"}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[306.9]},"content":[{"type":"paragraph","content":[{"type":"hardBreak"}]},{"type":"paragraph","content":[{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"short-text","parameters":{"id":"a33tie45b4","extensionKey":"short-text","name":"Plugins","placeholder":"","isRequired":false,"type":"line","atlassian-macro-output-type":"BLOCK"}}}]},{"type":"paragraph","content":[{"type":"hardBreak"}]}]}]},{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[61.41]},"content":[{"type":"paragraph","content":[{"text":"Platform","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[306.9]},"content":[{"type":"extension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"paragraph","parameters":{"id":"gqb3r97ye6","extensionKey":"paragraph","name":"Platform","isRequired":false,"atlassian-macro-output-type":"INLINE"},"layout":"default"}}]}]},{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[61.41]},"content":[{"type":"paragraph","content":[{"text":"Level","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[306.9]},"content":[{"type":"paragraph","content":[{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"short-text","parameters":{"id":"igv13eankb","extensionKey":"short-text","name":"Level","placeholder":"","isRequired":false,"type":"line","atlassian-macro-output-type":"INLINE"}}}]}]}]},{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[61.41]},"content":[{"type":"paragraph","content":[{"text":"Estimated time","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[306.9]},"content":[{"type":"paragraph","content":[{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"short-text","parameters":{"id":"xzf1n83g9s","extensionKey":"short-text","name":"Estimated time","placeholder":"","isRequired":false,"type":"line","atlassian-macro-output-type":"INLINE"}}}]}]}]},{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":[61.41]},"content":[{"type":"paragraph","content":[{"text":"Macros","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[306.9]},"content":[{"type":"paragraph","content":[{"type":"inlineExtension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"short-text","parameters":{"id":"e96sb0kvfj","extensionKey":"short-text","name":"Macros","placeholder":"","isRequired":false,"type":"line","atlassian-macro-output-type":"INLINE"}}}]}]}]}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Storage format","type":"text"}]},{"type":"paragraph","content":[{"text":"You can copy and paste this code into the ","type":"text"},{"text":"Confluence Source Editor","type":"text","marks":[{"type":"link","attrs":{"href":"/wiki/spaces/GENSUPP/pages/928481393"}}]},{"text":":","type":"text"}]},{"type":"codeBlock","content":[{"text":"<h2>\n <ac:structured-macro ac:macro-id=\"bbed47c1-f02b-4531-8944-7a4ab9ff0fb2\" ac:name=\"toggle-cloak\" ac:schema-version=\"1\"/>Contact details</h2>\n<ac:structured-macro ac:macro-id=\"cd833aa7-56ff-46b3-883d-996b6fa8ee0a\" ac:name=\"cloak\" ac:schema-version=\"1\">\n <ac:rich-text-body>\n <ac:structured-macro ac:macro-id=\"921c1933-a9bb-4cf9-b7ce-8eae3a51b415\" ac:name=\"table-data\" ac:schema-version=\"1\">\n <ac:parameter ac:name=\"name\">contacts</ac:parameter>\n <ac:rich-text-body>\n <table class=\"wrapped\">\n <colgroup> <col/> <col style=\"width: 96.0px;\"/> <col style=\"width: 29.0px;\"/> <col style=\"width: 29.0px;\"/> <col style=\"width: 29.0px;\"/> </colgroup>\n <tbody>\n <tr>\n <th colspan=\"1\">Job Title</th>\n <th>First Name</th>\n <th>Last Name</th>\n <th>Email</th>\n <th>Tel Number</th>\n </tr>\n <tr>\n <td colspan=\"1\">\n <div class=\"content-wrapper\">\n <ac:structured-macro ac:macro-id=\"299f572c-2c1e-4fcb-a721-c4aa449c0072\" ac:name=\"text-data\" ac:schema-version=\"1\">\n <ac:parameter ac:name=\"name\">JobTitle</ac:parameter>\n <ac:parameter ac:name=\"type\">line</ac:parameter>\n <ac:parameter ac:name=\"content\">text</ac:parameter>\n <ac:parameter ac:name=\"atlassian-macro-output-type\">INLINE</ac:parameter>\n <ac:rich-text-body>\n <p>\n <br/>\n </p>\n </ac:rich-text-body>\n </ac:structured-macro>\n </div>\n </td>\n <td>\n <div class=\"content-wrapper\">\n <ac:structured-macro ac:macro-id=\"a7cc0683-ac16-4a28-83f9-304324f60e5c\" ac:name=\"text-data\" ac:schema-version=\"1\">\n <ac:parameter ac:name=\"name\">FirstName</ac:parameter>\n <ac:parameter ac:name=\"type\">line</ac:parameter>\n <ac:parameter ac:name=\"content\">text</ac:parameter>\n <ac:parameter ac:name=\"atlassian-macro-output-type\">INLINE</ac:parameter>\n <ac:rich-text-body>\n <p>\n <br/>\n </p>\n </ac:rich-text-body>\n </ac:structured-macro>\n </div>\n </td>\n <td>\n <div class=\"content-wrapper\">\n <ac:structured-macro ac:macro-id=\"32413a25-dadb-49f1-a0fa-31bca073e3c3\" ac:name=\"text-data\" ac:schema-version=\"1\">\n <ac:parameter ac:name=\"name\">LastName</ac:parameter>\n <ac:parameter ac:name=\"type\">line</ac:parameter>\n <ac:parameter ac:name=\"content\">text</ac:parameter>\n <ac:parameter ac:name=\"atlassian-macro-output-type\">INLINE</ac:parameter>\n <ac:rich-text-body>\n <p>\n <br/>\n </p>\n </ac:rich-text-body>\n </ac:structured-macro>\n </div>\n </td>\n <td>\n <div class=\"content-wrapper\">\n <ac:structured-macro ac:macro-id=\"345e7950-ef89-4722-a27e-62a759be7dc0\" ac:name=\"text-data\" ac:schema-version=\"1\">\n <ac:parameter ac:name=\"name\">Email</ac:parameter>\n <ac:parameter ac:name=\"type\">line</ac:parameter>\n <ac:parameter ac:name=\"content\">text</ac:parameter>\n <ac:parameter ac:name=\"atlassian-macro-output-type\">INLINE</ac:parameter>\n <ac:rich-text-body>\n <p>\n <br/>\n </p>\n </ac:rich-text-body>\n </ac:structured-macro>\n </div>\n </td>\n <td>\n <div class=\"content-wrapper\">\n <ac:structured-macro ac:macro-id=\"d032452d-91c5-4bf0-8aab-1ad02a268dd4\" ac:name=\"number-data\" ac:schema-version=\"1\">\n <ac:parameter ac:name=\"name\">Phone</ac:parameter>\n <ac:parameter ac:name=\"atlassian-macro-output-type\">INLINE</ac:parameter>\n </ac:structured-macro>\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n </ac:rich-text-body>\n </ac:structured-macro>\n </ac:rich-text-body>\n</ac:structured-macro>","type":"text"}]},{"type":"heading","attrs":{"level":2},"content":[{"text":"Macro structure","type":"text"}]},{"type":"paragraph","content":[{"text":"You can recreate the example in the editor view:","type":"text"}]},{"type":"extension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"paragraph","parameters":{"id":"vuqu2mve0h","extensionKey":"paragraph","name":"Image","isRequired":false,"atlassian-macro-output-type":"INLINE"},"layout":"default"}},{"type":"heading","attrs":{"level":2},"content":[{"text":"Steps","type":"text"}]},{"type":"extension","attrs":{"extensionType":"com.atlassian.confluence.macro.core","extensionKey":"paragraph","parameters":{"id":"qzyge2cspk","extensionKey":"paragraph","name":"Steps","isRequired":false,"atlassian-macro-output-type":"BLOCK"},"layout":"default"}},{"type":"paragraph","content":[{"type":"hardBreak"}]},{"type":"paragraph","content":[{"type":"hardBreak"}]}]} |
|---|
| fieldGroupName | migrated |
|---|
| fieldGroupId | bld4v3wl4m |
|---|
| excerpt | Scenario We want to create a dynamic table of contact details on a Confluence page while also making it collapsible to to initially hide it from the reader. This is done by combining Scaffolding macros with the Cloak and Toggle Cloak macros from Composition Tabs for Confluence Server and Data Center . Result Recipe Apps Scaffolding, Composition Tabs for Confluence Platform Server, Data Center Level Easy Estimated time 10 minutes ⏱ Macros Number Data, Table Data, Text Data Storage format You can copy and paste this code into the Confluence Source Editor : <h2> <ac:structured-macro ac:macro-id="bbed47c1-f02b-4531-8944-7a4ab9ff0fb2" ac:name="toggle-cloak" ac:schema-version="1"/>Contact details</h2> <ac:structured-macro ac:macro-id="cd833aa7-56ff-46b3-883d-996b6fa8ee0a" ac:name="cloak" ac:schema-version="1"> <ac:rich-text-body> <ac:structured-macro ac:macro-id="921c1933-a9bb-4cf9-b7ce-8eae3a51b415" ac:name="table-data" ac:schema-version="1"> <ac:parameter ac:name="name">contacts</ac:parameter> <ac:rich-text-body> <table class="wrapped"> <colgroup> <col/> <col style="width: 96.0px;"/> <col style="width: 29.0px;"/> <col style="width: 29.0px;"/> <col style="width: 29.0px;"/> </colgroup> <tbody> <tr> <th colspan="1">Job Title</th> <th>First Name</th> <th>Last Name</th> <th>Email</th> <th>Tel Number</th> </tr> <tr> <td colspan="1"> <div class="content-wrapper"> <ac:structured-macro ac:macro-id="299f572c-2c1e-4fcb-a721-c4aa449c0072" ac:name="text-data" ac:schema-version="1"> <ac:parameter ac:name="name">JobTitle</ac:parameter> <ac:parameter ac:name="type">line</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="a7cc0683-ac16-4a28-83f9-304324f60e5c" ac:name="text-data" ac:schema-version="1"> <ac:parameter ac:name="name">FirstName</ac:parameter> <ac:parameter ac:name="type">line</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="32413a25-dadb-49f1-a0fa-31bca073e3c3" ac:name="text-data" ac:schema-version="1"> <ac:parameter ac:name="name">LastName</ac:parameter> <ac:parameter ac:name="type">line</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="345e7950-ef89-4722-a27e-62a759be7dc0" ac:name="text-data" ac:schema-version="1"> <ac:parameter ac:name="name">Email</ac:parameter> <ac:parameter ac:name="type">line</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="d032452d-91c5-4bf0-8aab-1ad02a268dd4" ac:name="number-data" ac:schema-version="1"> <ac:parameter ac:name="name">Phone</ac:parameter> <ac:parameter ac:name="atlassian-macro-output-type">INLINE</ac:parameter> </ac:structured-macro> </div> </td> </tr> </tbody> </table> </ac:rich-text-body> </ac:structured-macro> </ac:rich-text-body> </ac:structured-macro> Macro structure You can recreate the example in the editor view: Steps Create On a draft page create a Toggle Cloak macro . Right Immediately after the Toggle Cloak macro , type in " Contact Details " . Create add a Cloak macro . Within the Cloak macro , create a Table Data macro . Enter enter " contacts " in the Name field . Within the Table Data macro , create a table like this: Fill as below. fill in the table cells with relevant Text Data and Number Data macros , like this: For more information, refer to Creating a Dynamic Table . |
|---|
| propertyKeys | ["net.customware.confluence.plugin.scaffolding__bld4v3wl4m__data_0_dqsahp78kdcxop9i49tv"] |
|---|
|