Getting familiar with the editor

This article walks users through different elements of the Cleverstory editor

Akshaya Kumar avatar
Written by Akshaya Kumar
Updated over a week ago

Before we start building our first interactive experience, let’s go over the general look and feel of the layout of the page and the editor.

When you create a new storyboard, you’ll be presented with a blank canvas.

The dotted lines are the gridlines that act as the perimeter of the page.

Any content that is added within these gridlines is what you will see when you publish the page

The + icon on the top left is the element palette that allows you to add interactive elements to your storyboards as shown below.

Here are all the available elements that you could use for your interactive experience

  1. Text

  2. Media

  3. Button

  4. Embed

  5. Anchors

  6. Shape

  7. Asset Cards

  8. Section

  9. Form

  10. Live Elements

The Page Settings button allows you to set SEO settings, page share settings and page information.

The tools button allows you to align and arrange elements of your page.

The Layers button allows you to select the order of appearance of different layers on your page.

And on the right top corner, you have the option to optimise your page for different

devices.

In the next article, we'll look at how you can use all the different elements to build an interactive experience.

Did this answer your question?