Simple Scene persistent symbol Nav Buttons and Title with Auto hide and naming


(Mark Hunte) #1

This template demos:

Rename the scene title text to show the name of the current scene.
Rename each navigation button to the previous and next scene names
Hide the prev and next button from the first and last scene automatically.

Scenes setup:

[prev button] - [text element- scenename] - [next button]

These elements are persistent symbols that will copy across every scene including from the first scene and to the Last

Each scene’s onload runs a Javascript function that will:

Hide the prev and next button from the first and last scene automatically.
This means when we create our first ever scene or add scenes later we don’t have to remove the any of the persistant navigation buttons that will be there.
Rename the scene title text to show the name of the current scene.
Rename each navigation button to the previous and next scene names

simpleSceneNav.hypetemplate.zip (110.1 KB)


When adding a new scene: Make sure you set it’s scene onload to run the Javascript Function changeSceneName()


Use a Project for Element and Javascript Library
#2

This is really cool, thanks! It gave me an idea for how to solve the problem of wanting to be able to have the edits I make on one layout visible in all other layouts.