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.
642 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


  • Gareth J Barnard
    Wed, Dec 24, 2014, 12:44 AM

    ZIP file contains a redundant NetBeans 'nbproject' folder.

  • Picture of Nadav Kavalerchik
    Wed, Dec 24, 2014, 4:51 AM
    Beautiful, Thanks smile

    + Missing some help (screen captures)
    + Enhanced label does not seem to work (what should be visually expected, when active?)
    + Error while duplicating the resource
  • Picture of Jez H
    Mon, Jan 5, 2015, 7:08 AM
    Hi Nadav,

    Sorry for the late reply. I will add some screen captures / video to this page in the near future.

    The enhanced label doesn't do much at the moment, it just renders static text with a title, so little difference between that and a standard label at the moment. It is there to provide a fallback to static text if it is needed, but will be "enhanced" with future updates to add more features.

    The "duplicate" error is already in our tracker, we noticed that shortly after submitting this plugin.

    We will get this plugin updated ASAP in the new year to fix the issues you mention and improve it.
  • Picture of Mike Grant
    Mon, Jan 5, 2015, 5:35 PM
    Hi Nadav,

    The issue with duplicating the resource is now fixed as of version 1.0.1 smile.

    Any more issues then just let me know, thanks!
  • Picture of Jez H
    Fri, Jan 9, 2015, 6:46 PM
    Hi Nadav,

    If you download the latest version you will see all the issues you raised are fixed and we have added support for FontAwesome too
  • Picture of Robin Leung
    Fri, Feb 20, 2015, 4:26 AM
    Installed this with the latest version of the BCU theme in Moodle 2.8.2. And it doesnt' seem to be working the way it should. For one, the icons are not displaying properly. 2, the toggle doesn't seem to be "toggling". Am I missing something?
  • Picture of Laurie Swaine
    Sat, Mar 21, 2015, 4:04 AM
    Is there any chance that an Activity Completion option of "Show activity as complete when conditions are met" will be added, which would mark the activity as completed when the student views it? Not sure how that would work with the Enhanced Label or Blockquote, but it would be good with the Modal or Toggle options. Thanks!
  • Picture of Jez H
    Mon, Mar 23, 2015, 4:57 PM
    @Laurie, I am afraid not this plugin is essentially a "label", everything is displayed on the course page and as such there are no events to detect.

    Modal works that way too, although there is a "click" action that is already rendered in the page, all this plugin is doing is putting a wrapper around that label.

    The only completion tracking possible will be self completion, which is the only type that works for Label.
  • Picture of A. A.
    Fri, Jun 5, 2015, 3:07 AM
    I have installed the plugin and the only thing not working is the Toggle element. I tried it with three browser without success.
    It initially appears closed with a down-arrow on the right. When I click it the arrows tranforms in a up-arrow, but content never appears.
  • Steven Parker (sparkerED)
    Tue, Jun 23, 2015, 11:52 AM
    Hi Mike and Jez, thanks for this great plugin. I have a suggestion to improve. Can we have the ability to be able to create HTML templated content in Bootstrap Elements administration settings? This canned content would then be available to teachers to guide them when creating course content. For more informnation check out the feature request at also a video at
  • Picture of Mike Grant
    Tue, Jun 23, 2015, 9:07 PM
    Hi Steven,

    That's a really nice idea that you've got there. It's not something that's going to happen right away, but definitely something that I will investigate. I might come back to you to discuss this idea further soon, is that okay?

  • Picture of Jez H
    Tue, Jun 30, 2015, 9:03 PM
    Hi Steven,

    I looked at that idea a while back and was talking to Justin Hunt about doing something like this with his "Generico" plugins:

    Those could do the kind of thing your video shows. The problem with that (unless it has been improved) is that you cannot reload the template easily once it has been added. Also the workflow is more complex as in "Add resource > add label > click generico icon > choose template" whereas we wanted something that was simpler to use.

    I think if it were possible to support templates like that within this plugin in a way that allowed users to go back in and edit them more easily (Generico adds a text string with parameters for a filter to parse) it would be nice.

    We have actually written another plugin that allows administrators to define a template to add standard information to a course in expandable toggles which is also similar to what you want:

    But that only supports one template for the site, it has some other features like only showing students the content once its completed so they never see anything to the effect of "Tutor enter title here".

    Between these various options I am sure more can be done in this area, it is something that is needed if you want to build more consistent and attractive Moodle courses across large sites.
  • Steven Parker (sparkerED)
    Tue, Jul 21, 2015, 10:12 AM
    Hi Mike and Jez

    Thank you for your responses and suggestions. Mike I would be happy to discuss with you further. I love the innovation, utility and usability of the Bootstrap elements and Atto Generico plugin but unfortunately we cannot rollout where I work as if we restore a course with Bootstrap elements content to a Moodle install that does not have the plugin installed we lose the Bootstrap elements content. With risk management in mind I believe we need a core Moodle feature with the templating affordances as provided by the Bootstrap elements and Atto Generico plugins. I had the opportunity to talk to Damyon Wiese the ATTO lead developer from MoodleHQ at MoodleMoot15 and he assured me that a templating feature for ATTO is still on the roadmap. To try and progress discussions I will reference him to your superb work and comments in response to .
    Thanks Steven
  • Picture of Mathieu Pelletier
    Thu, Aug 20, 2015, 4:23 PM
    Hi guys! I love the work you have done here. It works wonderfully with the BCU theme, but does have issues with Essential, at least on Windows. I did find it to be usable on a Mac using essential, but it is a bit funny in Windows even with the same browser, Chrome for example. Just an FYI.
  • Picture of Roger Domínguez Argemí
    Mon, Aug 31, 2015, 7:40 PM
    Hi Mike, Jez,

    Congrats for the plugin! The plugin does not work in the Clean theme although it is built on Bootstrap... It would be very useful! Any planned action to do that? Thanks!
Please login to post comments