general-section

Overview

This section hosts basic app items. The items don’t necessarily form part of the user’s workflow and will probably be used less often than items in other sections. Examples include Log out, Toggle theme, etc. Several items in this section are specified by the JourneyApps Runtime, e.g. Messages, About.

Basic Example

Standard Attributes

None

Advanced Attributes

items

<general-section items="$:buildGeneralItems()/>

Build general section items from JS, using a function that returns an array of component.navigationGeneralSectionItem objects. The function is specified using the from-js="$:function()" attribute.

Items can be given an id using id="itemId".

An item can have an on-press attribute defined, which is a function executed when the item is pressed.

Items built using the items attribute will be prepended to the items specified in XML.

<!-- XML -->
<general-section items="$:buildGeneralItems()">
    <!-- other items here -->
</general-section>

// JS
function buildGeneralItems() {
    // Logic here
    return [
        component.navigationGeneralSectionItem({
            label: "Log out",
            icon: "fa-sign-out-alt",
            onPress: function() {
                navigate.clear('main');
            }
        })
    ]
}

show-if and hide-if

show-ifhide-if