Bootstrap Elements

Activities ::: mod_bootstrapelements
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.
Latest release:
837 sites
86 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 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.

  • 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
Please login to post comments