| 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 doable 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 a Toggle Cloak macro. Right after the Toggle Cloak macro, type in " Contact Details ". Create a Cloak macro. Within the Cloak macro, create a Table Data macro. Enter " contacts " in the Name field. Within the Table Data macro, create a table like this: 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_nj5tgwrt5bdqsahp78kd"] |
|---|
|