Branding
This page provides information to assist developers and vendors with branding up their systems & products to be in sync with the council's main design including ensuring any dynamic data is reflected in the remote system.
The branded pages by default have all of the main features of the website pages, however you can control which features appear and how they work by using a set of query string parameters.
Still need to host your own branded page?
If there is no option but to take a static copy of the page assets you can download the latest copies here:
Layouts
The branded pages currently offer 2 layouts:
- branding-full-width - Full width with single central content column.
- branding-modernGov - Special template for ModernGov integration.
Design system
The branded pages use a design system framework for a responsive front-end.
Options for developers
You can control various features of the page through supplying querystring parameters on the branding url of your choice. Apply as main as you need to override to generate the template to suit your requirements.
ContentAreaMarker
The area where you can insert your main content is marked with a comment within the HTML. You can control the text within the comment using this parameter.
e.g. /branding/full-width?ContentAreaMarker=INSERT%20HERE
Default: CONTENT AREA
Breadcrumb
You can add some text to the breadcrumb to indicate the page being viewed using this parameter.
e.g. /branding/full-width?Breadcrumb=My%20Page
Default: empty (does not show anything)
ShowBreadcrumb
You can control whether the breadcrumb feature appears using this parameter. A value of '1' is assumed as true, all other values are taken as false.
e.g. /branding/full-width?ShowBreadcrumb=0
Default: 1 (true)
ArticleId
Allows you to specify the value of the id attribute of the content area article tag.
e.g. /branding/full-width?ArticleId=MyArticleId
Default: (nothing)
PageTitle
Allows you to specific the value in the title tag. Please note a default suffix will always be applied to the title.
e.g. /branding/full-width?PageTitle=My%20Page%20Title
Default: (nothing)
JQueryInHead
You can control whether the jQuery script is loaded in the head or at the bottom of the page using this parameter. A value of '1' is assumed as true, all other values are taken as false.
e.g. /branding/full-width?JQueryInHead=1
Default: 0 (false)