ThemeBuilder for Confluence Server and DC

Dropdown Menu Example

A dropdown menu that uses a list of links from another page called Menu List. Below is an example of what this looks like in Confluence.

dropdown example

Code in the Menu List Page

All content created in the standard Confluence editor using the list, link and insert macro functions.

code-in-the-menu-list-page

Show the HTML so you can see the structure.

Menu list page HTML

<ul>
  <li>
    <ac:link>
      <ri:page ri:content-title="ThemeBuilder Menus"/>
    </ac:link>
    <ul>
      <li>
        <ac:link>
          <ri:page ri:content-title="Panel Menu"/>
        </ac:link>
      </li>
      <li>
        <ac:link>
          <ri:page ri:content-title="Add a Horizontal Menu"/>
        </ac:link>
      </li>
      <li>
        <ac:link>
          <ri:page ri:content-title="Panel Sitehome"/>
        </ac:link>
      </li>
    </ul>
  </li>
  <li>
    <a href="http://www.adaptavist.com">adaptavist.com</a>
  </li>
  <li>
    <ac:structured-macro ac:macro-id="fda0dda9-a27f-47db-833a-baaa1651f351" ac:name="panel-sitehome" ac:schema-version="1">
      <ac:parameter ac:name="atlassian-macro-output-type">INLINE</ac:parameter>
      <ac:rich-text-body>
        <span>Site Home</span>
      </ac:rich-text-body>
    </ac:structured-macro>
    <ul>
      <li>
        <ac:structured-macro ac:macro-id="b40b5af7-67ce-48b9-aac6-e6ac2eb59279" ac:name="panel-sitehome" ac:schema-version="1">
          <ac:parameter ac:name="atlassian-macro-output-type">INLINE</ac:parameter>
          <ac:parameter ac:name="target">spacehome</ac:parameter>
          <ac:rich-text-body>
            <span>Space Home</span>
          </ac:rich-text-body>
        </ac:structured-macro>
      </li>
    </ul>
  </li>
  <li>Page Actions<ul>
      <li>
        <ac:structured-macro ac:macro-id="4894710a-7655-42e8-b981-74a247198eb2" ac:name="web-item" ac:schema-version="1">
          <ac:parameter ac:name="item">betterpdfpage</ac:parameter>
          <ac:parameter ac:name="section">system.content.action/secondary</ac:parameter>
          <ac:parameter ac:name="atlassian-macro-output-type">INLINE</ac:parameter>
          <ac:rich-text-body>
            <span>Export to PDF</span>
          </ac:rich-text-body>
        </ac:structured-macro>
      </li>
      <li>
        <ac:structured-macro ac:macro-id="ebd6c9f7-373d-450f-b493-4bf3d443a7be" ac:name="web-item" ac:schema-version="1">
          <ac:parameter ac:name="item">source-editor-view-storage</ac:parameter>
          <ac:parameter ac:name="section">system.content.action/secondary</ac:parameter>
          <ac:parameter ac:name="atlassian-macro-output-type">INLINE</ac:parameter>
          <ac:rich-text-body>
            <span>View Storage Format</span>
          </ac:rich-text-body>
        </ac:structured-macro>
      </li>
    </ul>
  </li>
</ul>

Code in This Page

Import section

<div class="adpt-dropdown horizontal">
<p>
<ac:structured-macro ac:macro-id="cd3e3ab3-f3c6-4bc3-8e56-4321f7f421d0" ac:name="import" ac:schema-version="1">
<ac:parameter ac:name="import">
<ac:link>
<ri:page ri:content-title="Menu List"/>
</ac:link>
</ac:parameter>
</ac:structured-macro>
</p>
</div>