Moodle Plugins directory: Bootstrap Elements | Moodle.org
Bootstrap Elements
Activities ::: mod_bootstrapelements
Maintained by 
Jez H, 
Mike Grant, 
Manoj Solanki
Part of sets BCU UI, Adaptable UI.
Bootstrap Elements gives you the ability to add modal and toggles to your courses, helping to improve the layout of courses.
Latest release:
581 sites
173 downloads
87 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
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!
Useful links
Screenshots
Contributors
Jez H (Lead maintainer)
Mike Grant
Manoj Solanki: Maintainer
Please login to view contributors details and/or to contact them
Awards
Comments 
Comments
Please login to post comments
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,
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.
Please include some screenshots with examples so it will be easy for people to get to know the plug-in better.
ZIP file contains a redundant NetBeans 'nbproject' folder.
Gareth
+ Missing some help (screen captures)
+ Enhanced label does not seem to work (what should be visually expected, when active?)
+ Error while duplicating the resource
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.
The issue with duplicating the resource is now fixed as of version 1.0.1
Any more issues then just let me know, thanks!
If you download the latest version you will see all the issues you raised are fixed and we have added support for FontAwesome too
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.
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.
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?
Thanks
I looked at that idea a while back and was talking to Justin Hunt about doing something like this with his "Generico" plugins:
https://moodle.org/plugins/view/atto_generico
https://moodle.org/plugins/view/filter_generico
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:
https://bitbucket.org/bcu/moodle-mod_bcu_course_introduction/overview
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.