The edit dashboard has been made more visible for editors to make changes once content has been added to the screen.
Please note that on smaller screens it will overlay at the top and move down when scrolling.
To accommodate this change there is a small amount of white space at the top of the screen, however, it is important to note that this is only visible if the user is a dashboard editor. Regular users will not be able to see this space.
As of our April 2024 release, we are adding the systemDashboardID as classes in the CSS body, allowing for more targeted styling and ensuring that your custom styles are applied precisely to the intended pages or dashboards. This level of specificity prevents styling conflicts and enables a tailored visual experience across your site and its various components.
As of our October 2023 release, we have introduced 'lazy loading', meaning additional content will be loaded as you navigate. This means you won't have to sit and wait for all content to load, but the content will progressively load as you scroll. Leading to faster loading times and improved efficiency.
Add sections
Navigate to your newly created system dashboard.
Click
Edit dashboard
to edit the dashboard and select the
Add section
button.
A new section appears on the dashboard.
Please note that you can give your dashboard a title in the
Enter dashboard title
section. If the
Enter dashboard title
section is not visible, navigate to the dashboard management screen and select the checkbox to enable this section.
Please note that as of our March 2023 release, we have introduced 'skeleton loading' to our panels.
This shows users that the panel is loading and that their action is currently underway. This removes any doubt as to whether the action has been initiated or not.
Click
Add panel
to add a panel.
The
Add panel
screen opens.
Here, you can select panels to add to your dashboard.
Please note that once you have added several sections, you can drag and drop them to manage the order they are displayed.
Additionally, you can change the colour of a section's background, via the
Background colour
option.