Design
Breakpoints:
Currently displaying the mobile design.
To see designs for other breakpoints please view this page on a larger screen.
Intitial state
Four categories
We found 16 items
3 legal obligations
We found 3 legal obligations you may need to comply with.
1 codes and standards
We found 1 codes and standards you may need to follow.
3 pieces of guidance
We found 3 pieces of guidance you should read.
Three categories
We found 13 items
3 legal obligations
We found 3 legal obligations you may need to comply with.
1 codes and standards
We found 1 codes and standards you may need to follow.
Two categories
We found 12 items
3 legal obligations
We found 3 legal obligations you may need to comply with.
Sticky state
When the user scrolls down the page the sticky header becomes fixed at the top of the page. The category summaries are not included in this sticky state.
When the breakpoint ≥ 1320px wide the content is a maximum 1256px wide. The background colour fills the rest of the screen to the left and right.
We found 16 items
Layouts
ABLIS sticky header is used on the Two column - guide page layout.
Layout: Two column - guide page
All breakpoints
The ABLIS sticky header is 12 grid-columns wide.
Guidelines for use
Purpose:
The ABLIS sticky header provides important results information at the top of the ABLIS guided search results page including:
- A count of the total number of results found.
- A save results button that triggers a modal that allows users to email the results page.
- A breakdown of the number of results in four different service categories.
Version history
12 June, 2025
Created the ABLIS sticky header component page.