SettingsΒΆ
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"
data-apps-slide-toggle="#app-settings-content"
><?php p($l->t('Settings'));?></button>
</div>
<div id="app-settings-content">
<!-- Your settings in here -->
</div>
</div>
</div>