This documentation has moved. For the most recent documentation, check out https://docs.adaptavist.com. Please update your bookmarks and links.

Skip to end of metadata
Go to start of metadata

A dropdown menu that uses a list of links from another page called Menu List.

We add the menu wrapper div with the stying on this page so that the menu can be seen unstyled on its origin page.

Hover to see the dropdown sections...


This page is used as the content for an example dropdown menu that is styled in the importing page.


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



 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>

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>
  • No labels