Reveal JS

How to add menu and toolbar plugin in reveal js?

December 7, 2019 comments off

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.

Narayan K
Latest posts by Narayan K (see all)