Design
business.gov.au branding
No branding
Breakpoints:
Currently displaying the mobile design.
To see designs for other breakpoints please view this page on a larger screen.
Sticky behaviour
On screens wider than 992px the save your progress sidebar becomes fixed 32px from the top of the screen when the user scrolls down the screen.
On screens narrower than 992px the save you progress sidebar does not display sticky behaviour. It is instead stacked underneath the page content.
Breakpoints:
Currently displaying the mobile design.
To see designs for other breakpoints please view this page on a larger screen.
Layouts
The save your progress sidebars can be used in the Two column - tool page alternate layout. They should not be used in other layouts.
Layout: Two column - tool page alternate layout
The content area is 8 grid-columns wide.
Sidebars sit to the right of the content area and span 4 grid-columns.
The content area is 11 grid-columns wide.
Sidebars span full width of the content area.
The content area is 12 grid-columns wide.
Sidebars span full width of the content area.
Guidelines for use
Purpose:
The save your progress sidebar provides the ability to save and email a link recording the users progress though a process.
Clicking on the 'save your progress' button triggers a modal with email form.
When to use this component:
- Used with the standard checklist.
- In tools such as the lean business plan builder
Version history
7 August, 2024
- Removed the sticky behaviour from the sidebar on mobile devices.
23 August, 2023
- Updated the sidebar breakpoints to reflect how it displays in two different layouts. The breakpoint for changing to the mobile display is different in the two different sidebar layouts.
4 August, 2023
- Added two additional breakpoints to make button display at each breakpoint clearer.
- Added a note about the sidebar fixed behaviour.