+ 27 011 781 3664 support@datapost.freshdesk.com

In this lesson we learn how to create interactive projects

Adding Nodes

media_1437998573488.png

Click on Add Nodes to add as many nodes you require – If you click on Root, they all go under.
If you want to make Node to go under a Node already made…Click on that node then click add node.

Click on Root to see the nodes created.

Blank Nodes

media_1437998835063.png

Searching for Content / Media on Interactive

media_1437999187207.png
  1. Open Library
  2. Choose the content category you want to add
  3. Type in the name of content or type in an asterix (*)
  4. Click Search for results.

Attaching content to the Node

media_1437999525388.png

You can attach a piece of content to a Node by either:

Option 1

Click on the Node, then click on content you want to add
Click on add to Node

Option 2

Click on the content you want to add, then drag it and place it over the Node you want to add on.

Option 3

Click and drag all the content you want to use to the box on the right hand side – under filter.
Then Close the library box – drag from the filter box and then place over the node that you want to add on.

Adding Item Style

media_1438001224146.png
  1. Click on the Node and then dropdown then choose ” Item Template”
  2. Type in the name or an asterix
  3. Click Search
  4. Apply to Node

Type in the Project Name on Project Title and save the project (Make sure the HTML is on if you want to see the previews)

Test Lesson Project

media_1438001588260.png

Click on Preview and you will see the styles and the nodes created.

Adding Background to the interactive project

media_1438154282797.png

Click off the preview button
Click on the background – top right of screen, as shown above…
1. Choose the colour you want for the background
2. Save the project
3. Click on preview and you will notice the background colour has changed.

Interactive with a new background

media_1438154841870.png

You can also use picture or image as a background for your interactive…see below.

Adding image as a backgound to the interactive

media_1438156539761.png
  1. Open the library folder
  2. Make sure this is on Media
  3. Choose the background imaging
  4. Type in the name of the picture or an asterix
  5. Click on Search and select the picture you want to use
  6. Click on “Add to Back Image”
  7. Save the project and lastly, click on Preview.

Project with an image added as background.

media_1438157145106.png