Templates

Columns

To make columns on your website

1. Place your cursor in a new line/paragraph where you want your first row to appear.
2. Go “Insert template” (the Rubber Stamp icon). The page layout is based on a 12 column layout, so if you want 3 columns choose 3 cols Equal. Choose the stacked one so that the columns will stack under one another on a mobile screen. 
3. Choose the template that you want. You should see a number of cells in your editor.
4. Click the “show blocks” icon. You can now see that formatting of the page, that’s the dotted lines and the small text div etc. (They may not look inline in editing mode but will be ok when viewed live.)
5. Be careful not to delete the formatting, leave the cell text in there and delete it after you have placed in your images and copy.
6. Place your images and text in the cells. Delete the word cell.
7. Start a new paragraph (return). Repeat step 2. to 6.  

See ready made templates in action that you can copy and paste into your page layout.

BACK TO MENU

 

Open/Close container

Insert an Open/Close container into your page layout

1. Place your cursor in a new line/paragraph where you want your Open Close container to appear.
2. Go “Insert template” (the Rubber Stamp icon). 
3. Scroll down and select Open/Close container
4.  CLICK OK
5. Highlight the text that says   "Place image or text here that will open the container"
   Type in your Heading that will appear next to the +.
   Delete the extra + it's not needed.
   Style it with a Heading levels.
6. Highlight the text that says   "Place content here that will be hidden and revealed by the opener"
   Type in your text that will be revealed when the user clicks onto the +.
   Add any links to the text and style it.
7. Save Page

 

TAKE NOTE

Code can be easily missed or deleted which is why these formats get messed up. Just placing your cursor in the correct place is difficult to do when open closed containers are already in place.

Have a look at the structure of the layout by:

Clicking the “show blocks” icon. You can now see that formatting of the page, that’s the dotted lines and the small text div etc.

To get your cursor in the correct place: 

Go to the Source code

1. Under the menu: view/source code (in the editor above Bold, Italic etc).
2. See if you can find the place where you want to insert your new Open/Close container template.
3. On a new line in the code, type in 'xxxxx' so you will be able to see it in the editor area.
4. Click OK

eg.
<p>your code may look something like this</p>
</div>
            Your new template should go in here, add in a marker, type xxxx here
<div class="details-opener">
<h4>Hawkes Bay</h4>
</div>

Plus/minus symbols not showing?

Contact yvonne@flightdec.com

Want to have different symbols instead of plus minus?

Contact yvonne@flightdec.com