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:



Source code

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

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


Click here for the source code...
<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>
CODE

Steps

  1. Add a Section macro.

  2. Within the Section macro, add three Column macros.

  3. Edit the Column macros and set the Width parameter for column one, two, and three to "25%", "50%" and "25%" respectively.

  4. Within column two, add a 1x1 table and color it as desired.
    Light blue is used in this example.

  5. Create an Add Page via Form macro.
    Set the Prefix parameter to "Project".
    Set the Link Text parameter to "Enter Project Name", Source parameter to "Project" template and Labels parameter to "show".

Macro structure


Click here for the macro structure...