[vc_row type=”color” bg_color=”#e8e8e8″ vertical_align=”yes” column_gap=”no” padding_top=”” margin_top=”0″ margin_bottom=”0″ min_height=”220″][vc_column width=”1/2″][vc_empty_space height=”30px”][vc_column_text css=”.vc_custom_1446644107354{margin-bottom: -10px !important;}”]

Scenario management

[/vc_column_text][vc_column_text letter_spacing=”” css=”.vc_custom_1474972062524{margin-right: 5% !important;}”]

The “Scenario” section enable you to build and manage your interactive structure.

To access it click on “Scenario” in the top-right menu.[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_empty_space height=”90px”][vc_column_text css=”.vc_custom_1446644171057{margin-left: 5% !important;}”]

[/vc_column_text][/vc_column][/vc_row][vc_row padding_top=””][vc_column width=”5/6″][vc_single_image image=”123″ img_size=”full” alignment=”center”][vc_empty_space height=”10px”][vc_column_text]

[/vc_column_text][vc_separator color=”turquoise”][vc_row_inner][vc_column_inner width=”1/3″][vc_column_text]Move your scenario

To move the whole scenario, maintain pressed the space bar of your keyboard (a hand icon appears) and simply click-and-drag with your mouse.[/vc_column_text][/vc_column_inner][vc_column_inner width=”2/3″][vc_column_text css=”.vc_custom_1448380515272{margin-right: 5% !important;}”]

[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/3″][vc_column_text]Zoom

You can easily zoom in or out on your scenario by draging the cursor on the bottom left to the left or right.[/vc_column_text][/vc_column_inner][vc_column_inner width=”2/3″][vc_column_text css=”.vc_custom_1448380529003{margin-right: 5% !important;}”]

[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_empty_space height=”50px”][vc_separator][vc_empty_space height=”30px”][vc_row_inner][vc_column_inner width=”1/3″][vc_column_text letter_spacing=””]

To add a page to your project, click on the “+” icon on the top left (2), a new page appears.[/vc_column_text][/vc_column_inner][vc_column_inner width=”2/3″][vc_single_image image=”383″ img_size=”full” onclick=”link_image” css=”.vc_custom_1446645108605{margin-right: 5% !important;}”][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/3″][vc_column_text]Each page has a unique color to distinguish it from the others.

At all times, you can move your pages with a simple drag-and-drop (4) and display them as you imagined your narrative architecture (5).[/vc_column_text][/vc_column_inner][vc_column_inner width=”2/3″][vc_single_image image=”362″ img_size=”full” onclick=”link_image” css=”.vc_custom_1446645131991{margin-right: 5% !important;}”][/vc_column_inner][/vc_row_inner][vc_empty_space height=”50px”][vc_separator][vc_empty_space height=”30px”][vc_row_inner][vc_column_inner width=”1/3″][vc_column_text]Edit a page

To edit a page, simply double-click on it to access the page editor.
You can edit your page when you want, with no limit.[/vc_column_text][/vc_column_inner][vc_column_inner width=”2/3″][vc_column_text]

[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/3″][vc_column_text]Publish a page

To be available online, a page must be published. By default pages are not published, you decide when there are ready to be released.[/vc_column_text][/vc_column_inner][vc_column_inner width=”2/3″][vc_column_text]

[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_empty_space height=”50px”][vc_separator][vc_empty_space height=”30px”][vc_row_inner][vc_column_inner width=”1/3″][vc_column_text letter_spacing=””]Duplicate a page

You can duplicate an existing page to reuse its structure.
To that end, select to page to be duplicated in the scenario et click on the “Duplicate” icon of the left menu.[/vc_column_text][/vc_column_inner][vc_column_inner width=”2/3″][vc_column_text css=”.vc_custom_1448381254484{margin-right: 5% !important;}”]

[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/3″][vc_column_text letter_spacing=””]Delete a page

To delete a page, select it and click on the “Delete” icon on the left menu.
Careful! This action can not be canceled, once deleted your page can not be retrieved. [/vc_column_text][/vc_column_inner][vc_column_inner width=”2/3″][vc_column_text css=”.vc_custom_1448381272988{margin-right: 5% !important;}”]

[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner][vc_empty_space height=”50px”][vc_separator][vc_empty_space height=”30px”][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/3″][vc_column_text letter_spacing=””]

Two link pages to one another, you first need to create an action layer on your page (cf: Action layers).
Once an action layer created in the page editor, it appears underneath the page in the “Scenario” section.[/vc_column_text][/vc_column_inner][vc_column_inner width=”2/3″][vc_column_text css=”.vc_custom_1448381342249{margin-right: 5% !important;}”]

[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/3″][vc_column_text]You now have to link it to the destination page: click-and-drag from the action layer and drop it on the destination page. To visualize all links to a page, click on it. Links and actions layers take the color of the page so you can check if everytginh is properly connected. To remove a link, click once on an action layer in your scenario[/vc_column_text][/vc_column_inner][vc_column_inner width=”2/3″][vc_column_text css=”.vc_custom_1448381388728{margin-right: 5% !important;}”]

[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width=”1/6″][vc_empty_space height=”50px”][vc_widget_sidebar sidebar_id=”sidebar-1″][/vc_column][/vc_row][vc_row padding_top=”0″ padding_bottom=”0″][vc_column][vc_empty_space][vc_single_image image=”132″ img_size=”full” alignment=”center”][/vc_column][/vc_row][vc_row type=”color” bg_color=”#e8e8e8″ vertical_align=”yes” column_gap=”no” padding_top=”” margin_top=”0″ margin_bottom=”0″ min_height=”220″][vc_column width=”1/3″][vc_empty_space][vc_column_text]

More
tutorials:

[/vc_column_text][/vc_column][vc_column width=”1/3″][vc_empty_space height=”65px”][vc_column_text]

[/vc_column_text][/vc_column][vc_column width=”1/3″][vc_empty_space height=”65px”][vc_column_text]

[/vc_column_text][/vc_column][/vc_row]