khanh.pndc/nextcloud-docs
1
0
Fork 0
mirror of https://github.com/nextcloud/documentation.git synced 2026-01-03 02:09:45 +07:00
Code Issues Packages Projects Releases Wiki Activity

better slide toggle description

Browse Source
This commit is contained in:
Bernhard Posselt
2014-05-23 18:57:47 +02:00
parent d6beb6fdb5
commit d9a69c25e2
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
developer_manual/app/css.rst
View File

@@ -54,7 +54,9 @@ To create a settings area create a div with the id **app-settings** inside the *
<div id="app-settings">
<div id="app-settings-header">
<button class="settings-button" data-apps-slide-toggle="#app-settings-content"></button>
<button class="settings-button"
data-apps-slide-toggle="#app-settings-content"
></button>
</div>
<div id="app-settings-content">
<!-- Your settings in here -->
@@ -63,6 +65,8 @@ To create a settings area create a div with the id **app-settings** inside the *
</div>
</div>
The data attribute **data-apps-slide-toggle** slides up a taret area using a jQuery selector and hides the area if the user clicks outside of it.
Icons
=====
To use icons which are shipped in core, special class to apply the background image are supplied. All of these classes use **background-position: center** and **background-repeat: no-repeat**.