The Story Settings panel allows the editor to customize the theme of the story and configure which additional components should appear to end users in the story view.
The Story settings panel is available in Edit Mode and it can be opened by clicking on the Settings button .
The editor can customize the different components of the story through the following sections:
- The Theme to choose the default background and text color and the default font of the whole story: clicking on the Change Color button a color picker appears to allow selecting the desired color:
- The Font Family to choose the default text font present in the whole story: clicking on the search bar a dropdown menu opens to allow selecting the desired font (Inherit, Arial, Georgia, Impact, Tahoma, Time New Roman, Verdana). The default list of Font Families can be customized in the MapStore configuration file.
- The Overlay to choose the default background and text color of overlay contents present in the Title Section and in the Immersive Section as well: clicking on the Change Color button a color picker appears to allow selecting the desired color:
- The Shadow of overlay contents present in the Title Section and in the Immersive Section: to enable or disable the shadow:
- The color of Links. The story editor can choose the default color of the hyperlink that may be present in the Text Contents.
In the top bar of the story, if the editor enables them, the following components are added:
The Title of the story, the default value is the title given to the story's resource in MapStore.
The Font Size of the title: clicking on the search bar a dropdown menu opens to allow selecting the desired size (14 px, 16 px, 18 px, 24 px, 28 px).
The story Logo, that can be for example an image that represents your organization or something connected to the story itself.
The Navigation Toolbar to improve the story navigation for end users. Each section of the story is reported in a tree and the editor can establish which section should appear in the toolbar to allow end users to quickly navigate the story.
Saving the story settings and going back in View Mode, the top bar looks like this: