Activities: Bootstrap Elements

Maintained by Picture of Jez HJez H, Picture of Mike GrantMike Grant, Picture of Manoj SolankiManoj Solanki
Bootstrap Elements gives you the ability to add modal and toggles to your courses, helping to improve the layout of courses.
644 sites
74 fans
Current versions available: 3

Bootstrap Elements gives you the ability to add modal and toggles to your courses, helping to improve the layout of courses. It is in essence an improved "label" resource type with an opton allowing you to set content to display as a:

  • Modal box (popup box)
  • Toggle (expandable / drop-down content
  • Enhanced Label (with title + icon)
  • BlockQuote (same as above, blockquote with title / icon)

Font Awesome icons are selected through a searchable UI element smile

This will help teachers add more dynamic, interactive content within courses whilst consuming less space on the page:

Please note: This plugin will only work with themes that are based on Bootstrap and have support for for the Bootstrap elements referenced by this plugin.

Themes known to work with this plugin are:

We will expand this list to include other themes as we confirm their compatibility.

Future Plans:

  • Add color options
  • Look at other elements such as callouts and possibly Tabs / Accordion

If you have any other suggestions for improvement please let us know!


This plugin is part of sets BCU UI, Adaptable UI.


Screenshot #0
Screenshot #1
Screenshot #2
Screenshot #3


Picture of Jez H
Jez H (Lead maintainer)
Picture of Manoj Solanki
Manoj Solanki: Maintainer
Please login to view contributors details and/or to contact them

Comments RSS


  • Picture of David Mudrák
    Tue, Dec 23, 2014, 3:14 AM
    Thanks guys for sharing this plugin with the Moodle community. I've been able to successfully test the module with the Essential theme. The overall coding style looks ok. You may wish to address the style issues listed in the prechecker results above. They are mostly trivial to fix and you can achieve 100% compliance (which is something that not every plugin or even core code can be proud on).

    I agree with the description, this provides quite simple yet powerful tool for teacher to enrich the interactivity of the main course page. Well done on that. I am happy to approve the plugin now. You are cleared to land, welcome to the Plugins directory!
  • Picture of Hartmut Scherer
    Tue, Dec 23, 2014, 6:29 AM
    I tested your plugin in Shoehorn version in Moodle 2.8.1. Functions worked right away. Is it the intention that there is no activity or resource icon added? Just wondering. Perhaps this is only in Shoehorn. The activity icon was also missing in the regular Label resource.
  • Picture of Jez H
    Tue, Dec 23, 2014, 6:33 AM
    Hi Hartmut,

    Thanks very much for testing our plugin with other themes, glad it worked on Shoehorn!

    Regards your questions on icons I updated the description earlier with our "future plans" amongst which is support for icons, toggle being a particular problem at the moment.

    We really wanted to release what we have and get feedback whilst its still being worked on.

    We are not using it in production ourselves yet and probably wont until icon support is added as without icons its not clear to users that toggles are expandable.

    We will get this added as soon as we can though :D
  • Picture of Hartmut Scherer
    Tue, Dec 23, 2014, 6:49 AM
    Hi Jez,
    Thanks for your fast response. And I understand that you wanted to release what you have so that others can see it. I installed Bootstrap Elements in a test site.
    During the last 4 months I used Accordion or what you called Toggle in Bootstrap Elements quite often, not only in Labels. When I had a long description for a paper, I liked to show the first line of the description in the main class page. When students hovered over this line, they could see the rest.

    Do you think it is possible to add the functionality of Bootstrap Elements as an option to the description of activities? Right now the description can only displayed completely. Just a thought.

    With kind regards,
  • Picture of Jez H
    Tue, Dec 23, 2014, 7:00 AM
    Hi Hartmut,

    No you could not use this to apply to the descriptions of other activity types.

    One of the reasons we are working on this is try and get more people using Bootstrap in their course pages in the hope that if there are enough adopters we may start to see these kinds of features making their way into core.
  • Picture of Usman Asar
    Tue, Dec 23, 2014, 9:10 AM

    Please include some screenshots with examples so it will be easy for people to get to know the plug-in better.
  • Gareth J Barnard
    Wed, Dec 24, 2014, 12:44 AM

    ZIP file contains a redundant NetBeans 'nbproject' folder.

Please login to post comments