Setup by adding class
You can activate the option to open the left sidebar with delay by adding this class (am-left-sidebar--delay
) to the left sidebar element (am-left-sidebar
), this way your main structure should look like this:
<html lang="en"> <body> <div class="am-wrapper"> <nav class="navbar navbar-default navbar-fixed-top am-top-header"> <!-- Top bar without sidebar toggle buttons --> </nav> <div class="am-left-sidebar am-left-sidebar--delay"> <!-- Left sidebar --> </div> <div class="am-content"> <!-- Main content --> </div> <div class="am-right-sidebar"> <!-- Right sidebar --> </div> </div> </body> </html>
Setup by App option
You can also activate the option to open the left sidebar with delay using the main App option enableLeftSidebarOpenSubMenuDelay
(Default: false) in your App.init
method like this:
<script type="text/javascript"> $(document).ready(function(){ //initialize the javascript App.init({ enableLeftSidebarOpenSubMenuDelay: true }); }); </script>