Let’s examine all the details of the first function Text&Media which is the first icon. 


Text and Media can be used for a variety of purposes; for example

  • Embedding:Use HTML and JavaScript to embed video’s or other web-content.
  • Links: Link to other web-content either on your own website, or that of the client


When you click Text & Media component you will add that particular element to your StoryTeller.




When you click inside the component on the Menu feature or right click inside the element you get 2 buttons: Edit and Menu.



The size and position of each component can be changed by using your mouse.

We now have our component placed and sized the way we want. Now let’s see what are the functions of the sub menu that we opened from the edit function.

  • edit content – opens the new window where you can edit and populate the content of your text & media element



  • edit header/footer – change the headers and footers or your text & media element



  • bring to front/back – move the component to the foreground or the background



  • cut – cut our the entire component to either replace or move (keyboard CTRL+X)
  • copy – copy the entire component (keyboard CTRL+C)
  • paste – paste in a copied or cut component( keyboard CTRL+V)
  • delete – delete entire component


In order to align the objects you need to select the object and use the right click and select the option to be applied to the selected objects. The image below shows the Aligning controls in the StoryTeller setup page.The option makes it more effective to create reports including many objects which need to be aligned.

The following aligning options are present:
1. Align left
2. Align right
3. Align top
4. Align bottom


The image below shows the Aligning controls in the StoryTeller setup page.



To align objects: 

  1. select the objects to be align
  2. right click and select the option to be applied to the selected objects.


Note: you can upload images with the extension jpg and png, however, jpg can lose colors when it gets compressed. In case you see your images being changed, please use the png extension as this type is prioritising the quality (including colors) during compression.