Pages and Containers

Pages and Containers

First a short introduction of the page and containers menus. Click on the image to study the video:




The course is built by adding “pages”. The content is presented in “containers” on the page. The containers and content are marked in the left panel - the navigation panel.


Page layouts

Each page can have different numbers of containers and different page layouts.

Open image-20231004-081945.png

 

Open image-20231004-082028.png

 


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 Gradient


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.





Contain

The image will be fit into the container while keeping the aspect ratio.

Open image-20250319-100641.png




Fill

The image will be streched to fill the container.

Open image-20250319-100641.png



Audio

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.



Copy page or/ and sub-pages / chapters



Single pages or pages with sub-pages can be copied by clicking the “copy page” symbol. The page, or the pages, can then be pasted into the same course or in an other course.



Place the cursor between two pages and use the “copy page” symbol to the right.

Containers

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!

Open image-20250319-081026.png

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.

Open image-20250319-080059.png

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.




Click on the video explanation



0:00 / 0:24
1x
0:00 / 0:24
1x

    • Related Articles

    • Responsive design in Mentorkit

      Content presented in Creator can be viewed on all available devices: mobiles, pads and computers. The system is easy and flexible. Here are some examles to help you understand how the pages and containers works on different devices. Pages with only ...
    • Mentorkit Essentials Startup Menu

      Need a quick refresh? Click on the links to study short video clips. My first course The course menus Image and Graphics The Text Editor The containers Container properties Responsive design The accordion UPDATES AND ERROR ISSUES NEWS SUPPORT Open ...
    • Optional, Required and Mandatory

      Completion Requirements for Pages As the learner advance in a course there are different ways to register and control the progress. Each page can be marked separately.. A page can be set to: Required This is the default setting for all new pages. ...
    • Update 1.4 and Error Notes

      Share and collaborate If want to share a course with an other person, or persons, - just click on the course, then click on the symbol on the right column and finally fill in the correct email for the person. The course will then be available for ...
    • Update 1.2 (2024.06.11)

      In version 1.2 we have done several improvements to the User Interface, and some new features. The database has also been updated to handle new functions in the future. Some of our new features and updates: New video editor accessible from the Media ...