How Content Works on Your Simplebooklet Page


By Scott.Brownlee

updated about 1 year ago

Every piece of content is a separate element on your page. This is what allows you to have complete control over the layout of content on your page. You can drag and drop any content element to anywhere you want.  Each content element is broken into two separate parts: the content container and your content.

Content Container - this is a special container that holds your content (it can hold anything, from text to images to code). You can style and edit how the container of the element works without affecting the content inside it.
Your Content - this is the stuff inside the container. It could be a photo you uploaded or text you added to a page or even a video.

To edit a container element:

Single tap on the container.

This will select the element container. You will see yellow dots appear at each corner of the element, and the element editor toolbars open on the left and right of your screen.

When you have selected an element, you can drag it around, resize it, and rotate it.  You cannot edit the content, you are only controlling the containing box of the content. When you single tap the content container, the editor toolbar and the style toolbar are revealed.

Element Toolbar

The editor toolbar lets you apply functionality to the container of the content (not the content itself). For example, you can make the container a hyperlink, or move it up and down relative to other content on your page. You can also copy the content container and paste it on another page.

Style Toolbar

You can also style the content container. You can style the border and background, add drop shadows, padding between the container and the content, and even add a drop shadow. 

Edit Your Content

To edit your content inside the content container, double click on the element. 

This will reveal the editor tools for your specific content. Your text will insert the text cursor, your image will reveal your image editor tools, and your call to action buttons will reveal the tools you used to first add it.


In this example, this image has been double clicked. It reveals the image editor toolbar with features that will manipulate your image.  

When you do this, you'll be directly editing your original content.

Did this answer your question?