In-page notice
In-page notices are used to contextually inform users of important information on a content page.
When to use an in-page notice
Do
- Use in-page notices on standard content pages or landing pages. On landing pages use the Two thirds / Third - Large gutter section layout only, as using the alert on a Full-width section creates readability issues.
- Use a short, descriptive heading – maximum of 75 characters.
- Keep the alert text short and to the point. Use sentence case in paragraph format. Do not include subheadings. Text has a limit of 250 characters.
- Add an in-page notices to the body of your page to highlight important information for the audience.
- Display the alert in context and at an appropriate time and place in the page flow.
- Make sure any expired alerts are removed.
- Keep number of in-page notices per section to a minimum – preferably 1 alert per group of related content.
- An in-page notice should be placed at the top of the section that it relates to. If it relates to the page as a whole, place it at the top of the page directly under the title and summary text or hero banner.
Don't
- Don't use in-page notices to highlight important information for a limited time only. Use a callout for temporary messages.
Create and add an in-page notice
- Go to the top menu of the CMS – Content > Notices > Add notice
- Enter the Admin label to identify the notice in the CMS.
- Variant – In-page notice.
- Notice content
- Heading – enter a short, descriptive heading. Limit of 75 characters.
- Add the notice content in the Body / WYSIWYG editor, as you would for general content. Limit of 250 characters. Do not include sub-headings.
- Link (optional) – add a content link or managed link if required for the understanding of the notice.
- Add the relevant Editorial group.
- Save as Published and Save your notice.
- Return to your page to add the in-page information alert.
Add the in-page notice to a page
- To add an in-page notice:
- on a standard page use the Add block drop down to select Add In-page notice.
- on a landing page click Add block > Create content block > In-page notice.
- In the search box start typing the name of your notice.
- Select your notice.
- Save your page to display the in-page notice.
Examples of in-page notices
There is currently only one variation for use within a content page: Information. By default the alert displays in a grey box with with an 'i' icon and a brand dark border on the left edge.
STS Online System Status
STS Online System Status
System available.
Planned system maintenance.
Due to planned system maintenance, STS Online will not be available
from 4:00 pm to 7:00 pm Tuesday 26 March 2024 AEST.
Live example
You can see a live example from Revenue NSW on the Fines page.