One big benefit of using Refined is to get pages that contain good and structured content for anyone visiting.
All categories, Jira projects or JSM portals on a Refined site have their own landing page.
Site home
Category home
Jira project
Jira Service Desk portal
The landing page’s structure and content are edited and setup using the layout editor.
Access the Layout Editor
To edit a site or category home, go to the home and click the … Three dots in the top right corner > Edit site/category home. You are now in the Layout Editor.
Start from a template
If you need some design help, get started with one of our templates. To pick one, click the Templates button at the top of the Layout Editor.
Add content by using modules
Use modules to:
Create navigation.
Show content from Atlassian Cloud.
Add information.
+ Add Module buttons are located in different locations in the Layout Editor – click them to add modules where you see fit in your design. To speed up the page creation, you can duplicate modules. Go to the top-right corner of a module and click the Duplicate icon.
In some modules it’s possible to use text variables to make their content dynamic.
Structure your page using sections
Sections act as containers for modules and help you organise your page. Hover above or below an existing section, and add a new section by clicking the + button.
Arrange sections
Drag and drop sections to rearrange them, using the handle on the left. You can also click buttons above and below the handle to move sections up and down.
Divide a section into columns
Within a section, you can cluster modules into columns. Click the + Add Column button located in the top-right corner of the section. To change the width of a column, click and drag the column’s border.
Section settings
Adjust the following settings by clicking on the section’s Pencil icon:
Titles. Add a title and secondary title, which will show at the top of the section. You can set the alignment of the title in the page’s theme.
Background. Set the background to either default (following the page’s theme) or transparent (shown on top of the theme background).
View Permissions. Decide who is able to view this section.
Drafts and previews
In Refined version 2.1 we introduced previews and drafts buttons in the Layout Editor. This means that you can fully prepare your layouts before you publish them for the users.
Restore a previous version
You can always go back to a previously published version of the page.
Click the Version button at the top of the editor.
Click Restore for the version you want to use.
Export and import a layout
If you want to reuse a layout, you can export it and import it to another page.
Click the Import/export button at the top of the Layout Editor.