...
On your Refined site, go to the page that you want to edit.
On In the top-right of the page, click the … (Three dots) > Edit page 2.0.
...
You can easily switch up your design by dragging and dropping modules, sections and rows around.
[ gif/screenshot ]
Add a module
To add a module, simply hover your mouse over a spot in the layout and click the button that appears.
The availability of modules depends on the content of your Refined site. For example, if you don't have a Confluence space on your site, you can’t add a Confluence-specific module to your layout.
...
[ the children macro will show a list of module pages, once I have them ready ]
| Child pages (Children Display) |
|---|
Add a section or row
Sections and rows act as containers for modules and help you organise your page. To create a new section or row:
Hover your mouse over an existing section.
Click the + Section button or + Row button that appears below the section.
Edit a module
Click a module to see its menu, which appears on the right-hand side.
Click the Cogwheel to edit the module’s settings. Available settings vary per module: read a module’s documentation to learn about the possibilities (see the list of modules above).
Click the Two pages to duplicate the module.
Click the Bin to delete the module.
Add a new section or row
Sections and rows act as containers for modules and help you organise your page. To create a new section or row:
...
.
...
Click the + Section button or + Row button that appears below the section.
Edit a section
Hover your mouse over a section to see its menu, which appears on the top right-hand side.
Click the Lock to set the section’s View Permissions.
Click the Cogwheel to edit the section’s background and spacingsettings: see the table below.
Click the Two pages to duplicate the section.
Click the Bin to delete the section.
Click the Arrows to move the section up or down in the layout. Alternatively, you can rearrange sections by dragging and dropping them.
...
On the row’s left-hand side, a menu appears:
Click the Lock to set the row’s View Permissions.
Click the Cogwheel to edit the row’s settings: see the table below.
Click the Pages to duplicate the row.
Click the Bin to delete the row.
Click the Arrows to move the row up or down within the section. Alternatively, you can rearrange rows by dragging and dropping them within the current section or into another section.
On the row’s top, a series of buttons appears that let you decide on the amount of columns.
To change the width of a column, click and drag the column’s border.
Setting | Description |
|---|---|
Spacing | Set the amount of space between rows.
|
Height | Set the height of the modules within this row.
|
Module alignment | Align modules to the top, middle or bottom of the row. |
View Permissions
Use View Permissions to decide who gets to see a certain section or row in your layout. By showing different users and user groups only what’s relevant to them, they can have experiences on-page.
Option | Description |
|---|---|
None | Any user can see the section or row. This is the default setting. |
Logged-in users | Only your organisation’s logged in Atlassian users can view this section or row – it will be hidden for anonymous users. You can further restrict permissions by specifying which User Group is allowed to see the section or row. Create this User Group in your Atlassian instance. |
Anonymous users | Only anonymous users can view this section or row – it will be hidden for your organisation’s logged in Atlassian users. |
| Info |
|---|
You can also set View Permissions on a site-level: learn more in the Refined for Confluence Cloud documentation. |
Apply a template
We have designed templates to help you get an eye-catching layout up and running in no-time. A template is merely a starting point – after adding it, you can further adjust the layout.
To apply a template, go to the left-hand menu (accessible through the three-line icon) and click Layout templates.
[ images: overview of templates ]
Publish a layout or save it as draft
The green round icon with a checkmark shows that the layout you are currently working on is saved as a draft.
Restore a previous version
You can always go back to a previously published version of the page. Go to the Click the Publish layout button to make the layout visible on your site, or click the downward arrow next it for more options:
Publish layout with comment lets you add a comment to the published version. All comments are visible in the version history in the left-hand menu (accessible through the three-line icon).
Save as draft with comment lets you add a comment to the current draft version. This comment is visible in the version history in the left-hand menu (accessible through the three-line icon). Note that when you publish a new version of the layout, the draft and its comment will disappear from the version history overview.
Discard current draft takes you back to the layout that was last published.
...
Restore, export, or delete a previous layout version
Go to the version history overview to restore, export, or delete a previous layout version:
Go to the left-hand menu (accessible through the three-line icon)
...
.
Click Version history.
TKTKT
...
Hover your mouse over a version and click the … (three dots) that appear.
Export the current layout version
If you want to reuse a layout, you can export it and import it to another page. Go to the left-hand menu (accessible through the three-line icon) and click Export/Import layout.
Import a layout
Go to the left-hand menu (accessible through the three-line icon) and click Export/Import layout.
...