Page Divider

A page divider is a layout element that helps organize and separate content into clear groups, sections, options, or parts. It helps you to make a page layout clearer and readable for users.

MacroSuite - Divider

Lines are the most used UI element for separating the pieces of content and sections because they are recognized easily in this role. Page Divider macro allows you to add a style or title to your page dividers and make your pages more attractive.

 


Examples

 


How to use

To add the Page Divider macro to a Confluence page: 

  • Choose “+” in the Confluence editor

  • Search “page divider” and select the MacroSuite - Page Divider.

Alternatively, type '/' on the Confluence page to see a list of suggestions and type 'Page Divider.' Intuitive configuration dialogue helps users to create and customise buttons fast and easily.

Layout structure

Use the Layout structure option to enable/disable icon and text within divider.

Positioning

Use the positioning feature to place the content above or under the line.

Colors

Choose a font, hover, and icon colors from the Atlassian primary and secondary colour palette. If you want to add more colours, use the HEX editor.

Inline editing

Use an inline editing feature and seamlessly edit the content of your divider. Write your divider copy directly on-screen and make quick changes with one click. The character limit is 40.

Icon/Emoji

Click on icon and choose from more than 5000 icons available and attract even more attention with Atlassian built-in emojis. To change the icon position or remove label, use the “Icon” dropdown in the macro configuration.

Weight

Use the slider to change the divider weight.

Width

Use the slider to change the divider width.

 


Roadmap

The Page divider macro will receive updates to improve performance and user experience.

  • Different divider styles

  • Divider library

If you have any questions, need more detailed information, or want to share feature suggestions, please feel free to contact us via our service desk.

 


How to create Page Divider with Easy HTML

 


MacroSuite News