Limited Time Offer!

For Less Than the Cost of a Starbucks Coffee, Access All DevOpsSchool Videos on YouTube Unlimitedly.
Master DevOps, SRE, DevSecOps Skills!

Enroll Now

How to add menu and toolbar plugin in reveal js?

Step 1. Go through this URL: https://github.com/hakimel/reveal.js/
Step 2. Clone or download the zip folder.
Step 3. Unzip and replace the example contents in index.html.
Step 4. Open index.html in a browser to view it.

Add menu in reveal js

Step 1. Go through this URL: https://github.com/denehyg/reveal.js-menu
Step 2. Clone or download the zip folder.
Step 3. Unzip and replace the example contents in index.html.
Step 4. Copy this repository into the plugins folder.
Step 5. Add the plugin to the dependencies in your presentation.

Step 6. If you are using the themes panel you need to ensure the theme stylesheet in the presentation uses the id=” theme” attribute.

Step 7. The slide titles used in the menu can be supplied explicitly or are taken directly from the presentation.

If the slide’s section element contains a data-menu-title attribute this will be used for the slide title in the menu. For example…

Step 8. And then Open index.html in a browser to view it.

Now add toolbar plugin:

Note: This plugin is compatible with the reveal.js-menu plugin.

Step 1. Go to this link: https://github.com/denehyg/reveal.js-toolbar
Step 2. Clone or download the zip folder.
Step 3. Unzip and replace the example contents in index.html.
Step 4. Copy this repository into the plugins folder.
Step 5. Add the plugin to the dependencies in your presentation.

Step 6. And then Open index.html in a browser to view it.