Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents
minLevel1
maxLevel6
outlinefalse
typeflat
separatorpipe
printablefalse

Overview

Next, we will create an Enter Project Name button which will do by making use of the Add Page via Form macro.

By the end of this section, you should have something that looks like this:Image Removedis similar to the following

...

Source code

The following source code is shared using Confluence Storage Format , the - the XHTML-based format that Confluence uses to store the content of pages, page templates, blueprints, blog posts and comments.

Info

For more information on how to use this source code on your Confluence, read the following article

...

- How do I use Recipes that use the Storage Format with the Confluence Source Editor?

Expand
titleClick here for the source code...
Code Block
<ac:structured-macro ac:macro-id="f13c63a9-1bec-4d51-a8b6-1ad19237aa36" ac:name="section" ac:schema-version="1">
  <ac:rich-text-body>
    <ac:structured-macro ac:macro-id="7a8e7b85-609e-4644-8335-de94b8fbc983" ac:name="column" ac:schema-version="1">
      <ac:parameter ac:name="width">25%</ac:parameter>
      <ac:rich-text-body>
        <p>
          <br/>
        </p>
      </ac:rich-text-body>
    </ac:structured-macro>
    <ac:structured-macro ac:macro-id="dcbf0e7d-61a4-48f8-a02b-cb91be303d56" ac:name="column" ac:schema-version="1">
      <ac:parameter ac:name="width">50%</ac:parameter>
      <ac:rich-text-body>
        <ac:structured-macro ac:macro-id="9840dd49-ddc0-4638-91be-d77a4bb35520" ac:name="panel" ac:schema-version="1">
          <ac:parameter ac:name="borderColor">blue</ac:parameter>
          <ac:parameter ac:name="bgColor">lightblue</ac:parameter>
          <ac:rich-text-body>
            <p style="text-align: center;">
              <ac:structured-macro ac:macro-id="306421b7-acd5-4485-b3eb-79712b9aef10" ac:name="add-page-form" ac:schema-version="1">
                <ac:parameter ac:name="prefix">Project </ac:parameter>
                <ac:parameter ac:name="linkText">Enter Project Name</ac:parameter>
                <ac:parameter ac:name="source">Project</ac:parameter>
                <ac:parameter ac:name="labels">show</ac:parameter>
              </ac:structured-macro>
            </p>
          </ac:rich-text-body>
        </ac:structured-macro>
        <p>
          <br/>
        </p>
        <p>
          <br/>
        </p>
      </ac:rich-text-body>
    </ac:structured-macro>
    <ac:structured-macro ac:macro-id="2516f67a-678b-4b43-aa83-9edb828366b1" ac:name="column" ac:schema-version="1">
      <ac:parameter ac:name="width">25%</ac:parameter>
      <ac:rich-text-body>
        <p>
          <br/>
        </p>
      </ac:rich-text-body>
    </ac:structured-macro>
  </ac:rich-text-body>
</ac:structured-macro>
<p>
  <br/>
</p>
<p>
  <br/>
</p>
<p>
  <br/>
</p>



Steps

On the draft page

...

...

Within the Section macro

...

...

...

...

    • set the Width parameter

...

    • for column one to "25%"

...

    • set the Width parameter for column two to"50%"

...

    • set the Width parameter for column one to"25%"

...

Within column two

...

  • add a 1x1 table (and color it as desired

...

  • )

Info

Light blue is used in this example.

...

...

...

    • set Prefix parameter to "Project"

...

...

    • set Link Text parameter to "Enter Project Name"

...

    • set Source parameter to "Project" template

...

    • set Labels parameter to "show"

...

Macro structure

Expand
titleClick here for the macro structure...

Image Removed

...

Image Added

Next

Part 3 - Displaying content and generating charts in a dashboard