You are reading an outdated version of this documentation. Please check out the latest version of the developer manual.


To create a settings area create a div with the id app-settings inside the app-navigation div.

  • The data attribute data-apps-slide-toggle slides up a target area using a jQuery selector and hides the area if the user clicks outside of it.
  • Max height of the settings area is 300px. Do not change that.
  • Keep it clear, organized and simple.
<div id="app-navigation">

    <!-- Your navigation here -->

    <div id="app-settings">
        <div id="app-settings-header">
            <button class="settings-button"
            ><?php p($l->t('Settings'));?></button>
        <div id="app-settings-content">
            <!-- Your settings in here -->