Grid

About

The Grid App lets you create grids for other Content and Apps whilst also adapting on mobile devices. The Grid system used on most site is based on 12 columns. Once a grid is set up Apps and Content can be added in the same way as on a page, the only difference is that the add icons are light blue instead of dark blue to show you are working within a grid. There is also additional spacing added when in admin mode to allow easier editing.

The example below is a 50/50 grid with a background image on the left and text Content app / Gallery App on the right.

IMAGE

TEXT

Demo Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque maximus nulla velit, eget feugiat eros venenatis a.

Gallery

This example shows 33/33/33 grid with images and links in each column

ONE

DEMO ONE
Lorem ipsum dolor sit amet, consectetur adipiscing elit

CLICK HERE

TWO

DEMO TWO
Pellentesque maximus nulla velit, eget feugiat eros venenatis a.

READ MORE

THREE

DEMO THREE
Consectetur adipiscing elit. Pellentesque maximus nulla velit

MORE

This example shows a 50/50 grid with a background colour set and 2 text blocks.

TEXT

Demo content

Click the pencil-icon to edit content. This is just a demo-text with Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet gravida magna. Proin in porttitor ante. Vestibulum varius pretium libero nec maximus. Nulla ac nulla purus.

Phasellus condimentum vehicula felis, quis porttitor enim aliquet in. Praesent consequat neque eget nisl dictum malesuada. Nam id efficitur arcu. Donec id mauris viverra nibh volutpat dapibus. Vivamus molestie sem urna, commodo laoreet nisl fermentum rutrum. 

TEXT TWO

Demo content

Click the pencil-icon to edit content. This is just a demo-text with Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet gravida magna. Proin in porttitor ante. Vestibulum varius pretium libero nec maximus. Nulla ac nulla purus.

Phasellus condimentum vehicula felis, quis porttitor enim aliquet in. Praesent consequat neque eget nisl dictum malesuada. Nam id efficitur arcu. Donec id mauris viverra nibh volutpat dapibus. Vivamus molestie sem urna, commodo laoreet nisl fermentum rutrum. 

Adding a Grid

This video shows how to add a Grid App to a page and also add Content to the columns

PLAY
United Learning Hub

United Learning comprises: United Learning Ltd (Registered in England No: 00018582. Charity No. 313999) UCST (Registered in England No: 2780748. Charity No. 1016538) and ULT (Registered in England No. 4439859. An Exempt Charity). Companies limited by guarantee.
Registered address: United Learning, Worldwide House, Thorpe Wood, Peterborough, PE3 6SB.

Financial Accountability and Freedom of Information
Website Terms, Cookies and Privacy
Policies

United Learning