Cramnurbel

Table des matières

Sidebar
- Initialisation sans javascript
- Initialisation avec Javascript

Initialisation sans javascript

Pas d'initialisation côté Javascript, mais il faut ajouter une propriété data-ax=“sidenav”.

<body class="layout with-sidenav">
 
    <header>
        <nav class="navbar ...">
            <a href="#" data-target="mySideBar" class="sidenav-trigger hide-md-up ...">
                <i class="fas fa-bars"></i>
            </a>
            ...
        </nav>
    </header>
 
    <div id="mySideBar" data-ax="sidenav" class="sidenav ...">
        <div class="sidebar-header">
            <button class="sidenav-trigger" data-target="mySideBar">
                <i class="fas fa-times"></i>
            </button>
        </div>
        ...
    </div>
 
    <main>
       ...
    </main>
</body>

Initialisation avec Javascript

Le code html est identique, sauf que l'élément sidebar n'a pas de propriété data-ax=“sidenav”.

    <div id="mySideBar" class="sidenav ...">
        ...
    </div>

new Axentix('all');

Cramnurbel

Panneau latéral

Plan du Site:

Table des matières

Sidebar

Initialisation sans javascript

Initialisation avec Javascript

Cramnurbel

Outils pour utilisateurs

Outils du site

Panneau latéral

Plan du Site:

Table des matières

Sidebar

Initialisation sans javascript

Initialisation avec Javascript

Outils de la page