0:00 / 0:24
1x
First a short introduction of the page and containers menus. Click on the image to study the video:
Page layouts
Each page can have different numbers of containers and different page layouts.
| |
You can change between the layouts without changing the content. Just click on a new layout to change.
See a demo of the containers here.
Swap Containers
If you need to change the order of the containers you can “swap” the content by “right-click” on the container and choose “Swap With”.
Watch a demo of swapping containers.
Page properties
Background Color
The background color will fill all the background with the desired color.
Background Image
The background of the page can be filled with an image. There are three properties that can be set:
Cover
The aspect ratio will be kept. If the image is too large it will be clipped. |
Change focus To keep the important part in the image in focus - mark the appropriate focus point. |
The image will be fit into the container while keeping the aspect ratio. |
|---|
The image will be streched to fill the container. |
|---|
Each page can be connected to an audiofile. The audio can automaticly start when the page is shown. Useful when you want a “voice over” for the page. Read more about audio here.
Place the cursor between two pages and use the “copy page” symbol to the right.
In the different page layouts you can place containers for different types of content. For example text, graphics, video, exercises, activities, embedded or other content. The containers are flexible in size. Just drag the handlers to resize. Click on the image to see this video:
Responsive design
In different views, for example on a mobile phone, the containers will be reorganized in a given system. Read more about responsive design here.
Cut and paste content in containers
Just “Right click” in the actual container and choose “Copy”. Go to an empty container and paste! |
|---|
Container properties
When you click on a container you will see the properties in the right panel.
Watch a short demo of the properties in use.
Padding
The padding is the inner margin of the container. Used for creating space around text and images. |
|---|
Alignment options
Use the different options to align text and other content in the container. This is extra useful when you want to present the content on mobile devices.