For the grid component see the cm3dev archived development document:
Grid Function (CM4)

Development - Index Skip to main content

Grid Function

Example: Mobile (1/2)tablet (1/3)desktop (1/6)"

...
...
...
...
...
...

Example: Offsetting columns

...
...
...

Example: Column ordering (push & pull)

item 1: PUSH
item 2: PULL

Example: Collapse (remove gutter)

...
...
...

Example: Nesting columns - Desktop

...
...
...

Example: Nesting columns - Desktop - CM3 v1

BANNER 1
BANNER 2
BANNER 3

STARTBANNER TYPE: GRID - WHOLES. colspan 1/1 (All layouts) - 12/12

...

STARTBANNER TYPE: GRID - HALVES. colspan 1/2 (Desktop) - 6/12

...
...
...
...

STARTBANNER TYPE: GRID - THIRDS. colspan 1/3 (Desktop) - 4/12

...
...
...
...
...
...

STARTBANNER TYPE: GRID - FOURTHS. colspan 1/4 (Desktop) - 3/12

...
...
...
...
...
...
...
...
...
...
...
...

STARTBANNER TYPE: GRID - SIXTHS. colspan 1/6 (Desktop) - 2/12

...
...
...
...
...
...
...
...
...
...
...
...

STARTBANNER - Four column box layout. First box ('x2') spans two columns and two rows (Desktop)STARTBANNER TYPE: GRID - A. colspan 2/4 'x2' (Desktop) - 6/12STARTBANNER TYPE: GRID - A. colspan 1/4 'x1' (Desktop) - 3/12

X2
X1
X1
X1
X1

STARTBANNER - Three column box layout. First box ('x2') spans two columns and two rows (Desktop)STARTBANNER TYPE: GRID - B. colspan 2/3 'x2' (Desktop) - 8/12STARTBANNER TYPE: GRID - B. colspan 1/3 'x1' (Desktop) - 4/12

X2
X1
X1

STARTPAGE

IMAGE
CONTENT

CATEGORY & DESTINATION

CONTENT

Column Grid 4 xs min-width: 320
Column Grid 6 xs2 min-width: 480
Column Grid 6 sm min-width: 600
Column Grid 6 sm2 min-width: 720
Column Grid 6 sm3 min-width: 840
Column Grid 12 md min-width: 960
Column Grid 12 md2 min-width: 1024
Column Grid 12 lg min-width: 1200
1
2
3
4
1
2
3
4
5
6
1
2
3
4
5
6
1
2
3
4
5
6
1
2
3
4
5
6
1
2
3
4
5
6
7
8
9
10
11
12
1
2
3
4
5
6
7
8
9
10
11
12
1
2
3
4
5
6
7
8
9
10
11
12
1
2
3
4
5
6
7
8
9
10
11
12

Column Count (Device Layouts)

xs: '12/12'
xs2: '12/12'
sm: '12/12'
sm2: '12/12'
sm3: '12/12'
md: '12/12'
md2: '12/12'
lg: '12/12'

+
-x
Account: eurotravel

Switches +

CMS

id:
itype: 999
tempLeftMenuID: -1
UseApplicationCaching: True
useEnterpriseVersion: True
sitecompany: KR
useMultipleSites: 0
robotsNoIndex: True
robotsNoFollow: True
siteCurrency: DKK
defaultLanguageVersion: DK
siteLanguageVersion: DK
htmlLang: da

mobileDevice: False

enableSiteCacheApplication: Log inClear Cache
CSS & JS compile: Log inGenerate

Account: eurotravel
travelizeclientID: 1409

Front End +

Variables +