You are now in the main content area
Responsive Templates
The responsive templates consist of a mix of flexible grids and layouts. Responsive components are used to create responsive layouts and content within your pages.
Simply put, responsive design means that as a browser window changes size, the content is able to adjust accordingly, scaling down images, navigation styles, buttons, etc. in order to make the website user-friendly for the device (phone, tablet or desktop) it’s being rendered on.
Content created in a legacy template CANNOT be displayed in a responsive template using the Reference Component. This prevents non-responsive content from being displayed in responsive pages.
Template options
Use layout components to customize your page:
- Open your new file
- On your page, Right and Left sidebars can be hidden or viewed – note space taken by each
- Go to Sidekick> Components Tab
- Select Layout
- Choose the layout component suited to your content page
- Drag component on page
- Add other components to your page
Related:
Responsive Templates |
Legacy Templates |
No index files | Index files are used in most sites (no longer required) |
Root folder is site's homepage (homepage template) |
Homepage is an index file contained in root folder |
Navigation is based on site structure | Navigation created in Header file, and in some cases via page properties (see 750 template) |
Page titles, navigation labels and H1 are determined when page is created |
No H1 present in legacy templates |
Web style guide and colour palettes available |
No standard colour palette; user-defined |
No external CSS, JavaScript or other code permitted | CSS/Code permitted in header (not supported by Digital Publishing) |
Inherited Content |
Right/left/footer files |