Sidenav how do I get the options to work?


Topic: Sidenav how do I get the options to work?

Dark Knight Cecil asked 5 years ago

In your sidenav tutorial there are options in javascript to for example close the sidenav on click or append the close button into the side.

However I don't know how to get those to work. I made a separate .js file for this but the options don't seem to work.

// SideNav Default Options $('.button-collapse').sideNav({ edge: 'left', // Choose the horizontal origin closeOnClick: true, // Closes side-nav on <a> clicks, useful for Angular/Meteor breakpoint: 1440 // Breakpoint for button collapse MENU_WIDTH: 240, // Width for sidenav timeDurationOpen: 300, // Time duration open menu timeDurationClose: 200, // Time duration open menu timeDurationOverlayOpen: 50, // Time duration open overlay timeDurationOverlayClose: 200, // Time duration close overlay easingOpen: 'easeOutQuad', // Open animation easingClose: 'easeOutCubic', // Close animation showOverlay: true, // Display overflay showCloseButton: false // Append close button into siednav });


Marta Szymanska staff pro premium answered 5 years ago

Hi,

would you create a snippet showing the problem here: https://mdbootstrap.com/snippets/. I'll try to help you.

Best, Marta


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.8.2
  • Device: desktop
  • Browser: chrome
  • OS: mac os Mojave
  • Provided sample code: No
  • Provided link: No