The Gallery Card is useful when you want to add a collection of images to a page.

Gallery Card Menu

The blue Gallery Card menu appears when you click on a Text Card within the page. These are the available options in the Gallery Card menu:

Reorder
You can change the order of images in the gallery by clicking this icon and dragging up or down:

Delete
You can delete images in the gallery by clicking the trash can icon:

Add Image
Add new images to the gallery with this button.

Images Per Line
When your gallery contains more that one image you can control how many images appear on a single row.

In this example there are 4 images in the gallery, with 2 images per line:

In this example there are 4 images in the gallery, with 4 images per line:

Space Between Images
By default there will be a small gap between each of the images in the gallery. To remove this gap choose the ‘off’ option.

The Divider Card is a horizontal line that appears across a page. The Divider Card is useful when you want to separate elements on a page.

Divider Card Menu

The blue Text Card menu is shown when you click on a Text Card within the page. These are the available options in the Text Card menu:

Color
Change the color of the dividing line.

Style
The dividing line has 3 separate styles:

• Solid

• Dotted

• Dashed

Width
The overall width of the dividing line can be decreased by dragging the slider left and increase by dragging the slider right.

Spacing
The dividing line will have empty space above and below it. The size of this spacing can be decreased by dragging the slider left and increase by dragging the slider right.

Alignment
You can choose to have the dividing line appear on the left, the center or the right hand side of the page.

The Page Number Card assigns a sequential number to each individual page within your publication. You can add page numbers to either the header area or the footer area of a page.

When you add a Page Number card to a page, the actual page number is substituted with the letter ‘x’

When you preview or publish your publication, the ‘x’ will be replaced with the real page number digit.

Page Number Menu

The blue Page Number menu appears when you click on a Page Number Card within the page. These are the available options in the menu:

Text Color
Choose the color of the text within the Page Number Card.

Font
Choose the typeface that will be used for the Page Number Card.

Font Size
Increase or decrease the size of the text within the Page Number Card.

Alignment
Your page number can appear on the left, right or center of a page.

Format
You can choose how the page number is displayed from these options:

• Page x – Includes the word ‘Page’ (e.g. ‘Page 2’)

• Page x of z – Includes the word ‘Page’ and the total page count (e.g. ‘Page 2 of 10’)

• x – removes the word ‘page’ (e.g. ‘2’)

• x of z – removes the word ‘page’ and includes total page count (e.g. ‘2 of 10’)

The Spacer Card should be used when you want to add space between different elements on a page.

In this example there is very little space between the headline and the image:

If we add a spacer between the headline and the image we can increase that space:

The spacer will be highlighted when you hover over the area between the headline and the image:

Spacer Card Menu

The blue Text Card menu appears when you click on a spacer within the page:

You can control the height of the spacer by clicking and dragging the slider shown below. Drag to the left to decrease the height of the spacer. Drag to the right to increase the height of the spacer:

A Box Container is useful for grouping several content cards together. A box will sit in between the left and right page margins.

When you first add a Box Container onto a page it will be empty:

You can then drag Content Cards into the Box Container:

Box Container Menu

The blue Box Container menu appears when you click on a box within the page. These are the available options in the Container Box menu:

Background Color
Give the box a background color to help it stand out on the page.

Space Before
If you want to increase or decrease the empty space above a box, use this slider.

Space After
If you want to increase or decrease the empty space below a box, use this slider.

Padding
If you want to increase or decrease the amount of space between the edge of a box and the contents within it you can use the padding controls.

Large padding:

No padding:

Borders
To add borders around your box, select an option from the Border Style list and set the Border Width on each side to at least 1.

Border Color
You can change the color of the border with this option.

The Table of Contents (ToC) Card is a list of every page contained within your publication.

When you first drag a Table of Contents Card onto the page you will see this button:

Click this button to generate the Table of Contents:

Table of Contents Menu

The blue Table of Contents menu appears when you click on the table of contents within the page. These are the available options in the Table of Contents menu:

Text Color
Choose the color of the text within the table of contents.

Font
Choose the typeface that will be used for the table of contents.

Font Size
Increase or decrease the size of the text within the table of contents.

Show / Hide
You may not want to include every page of your publication in the table of contents. You can click the ‘eye’ icon to hide individual pages from the table of contents:

Updating The Table of Contents Menu

If you add, reorder or remove pages from your document, the table of contents will not update automatically. To regenerate the table of contents you need to click on the Table of Contents on the page. This video demonstrates that process:
​

The Column Group Container should be used when you want to display a number of Content Cards side by side.

When you first add a Columns Group to the page it will consist of 3 empty columns:

You can then drag Content Cards into each individual column:

Columns Group Menu

The blue Columns Group menu appears when you click on the space between the columns.

These are the available options in the Column Group menu:

Delete
You can delete any of the existing columns by clicking the trash can icon:

Add Column
You can add new columns to the end of the column group by clicking the ‘add column’ button:

Space Between Columns
There will be a small gap between the columns in your column group by default. You can increase or remove this space by choosing from the drop down list.

Space Before
If you want to increase or decrease the empty space above a group of columns, use this slider.

Space After
If you want to increase or decrease the empty space below a group of columns, use this slider.

Equal Height Columns
When this option is set to ‘on’ all the columns in a group will take the same height as the tallest column.

Equal height columns on:

Equal height columns off:

When you first add a Column Group to the page it will consist of 3 empty columns:

You can then drag Content Cards into each individual column:

Individual Column Menu

The blue Column menu appears when you click on a column within the Column Group:

These are the available options in the Container Box menu:

Background Color
Give the column a background color to help it stand out on the page.

Padding
If you want to increase or decrease the amount of space between the edge of a column and the contents within it you can use the padding controls.

Large padding:

No padding:

Borders
To add borders around a column, select an option from the Border Style list and set the Border Width on each side to at least 1.

Border Color
You can change the color of the border with this option.

Reorder
You can move a column left or right within a column group by using the arrows at the bottom of the menu:

A Strip Container is useful for grouping several content cards together. A strip will extend to the very edge of a page. Any left or right margins set on that page will be applied inside the strip.

When you first add a Strip Container onto a page it will be empty:

You can then drag Content Cards into the Strip Container:

Strip Container Menu

The blue Strip Container menu appears when you click on a Strip within the page. These are the available options in the Strip Container menu:

Background Color
Give the strip a background color to help it stand out on the page.

Background Image
You can use a background image instead of a color if you prefer.

Space Before
If you want to increase or decrease the empty space above a strip, use this slider.

Space After
If you want to increase or decrease the empty space below a strip, use this slider.

Padding
If you want to increase or decrease the amount of space between the top and bottom of a strip and the contents within it you can use the padding controls.

Large padding:

No padding:

Borders
To add borders around your Strip, select an option from the Border Style list and set the Border Width on each side to at least 1.

Border Color
You can change the color of the border with this option.