Activities: Bootstrap Elements
mod_bootstrapelements
Maintained by 
Mike Grant, 
Jez H
Bootstrap Elements gives you the ability to add modal and toggles to your courses, helping to improve the layout of courses.
502 sites
178 downloads
45 fans
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!
Sets
This plugin is part of set BCU UI.
Screenshots
Contributors
Please login to view contributors details and/or to contact them
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!
Loving this plugin - it's a huge help.
One small query. I am trying to use the Label element of the plugin with Activity Completion. I duplicated the label a few times, and it seems that one of the elements has the same name. When trying to choose a label in Activity Completion, it's really hard to distinguish them because they all have a similar name (bootstrapelements7, bootstrapelements8 etc).
So I guess my questions are:
1. Can errors occur when duplicating?
2. What happens if two elements have the same name?
3. Will it be possible to rename the elements?
Thanks!
Dan
The plugin seems great but in my Moodle 2.9 I cannot make it work. I have tested with Bootstrap theme. Does it support this Moodle version?
Thank you,
Christine
Apart from that, I'd appreciate a CSS style hook so I can affect which heading is used by the plugin to display the title. Right now it seems to use an undifferentiated h4 (overridden with a specific font size by Toggle and Blockquote) which is small for my purposes. I realize I can redefine h4 and probably my course developers aren't using it much, but I'd rather have something specific to BE, or the ability to select a heading level within BE.
.bootstrapelements h4 {
font-size: 24px;
}
I still can't get Toogle working in 2.9 in Flexibase theme, however.
Does Bootstrap Elements works with Pioneer Theme (https://moodle.org/plugins/theme_pioneer)
Ricardo
I dont know, you would have to install and test it. If it does not it should not be hard to get it working assuming Pioneer uses bootstrap and Chris was prepared to help get the two working together.
Thanks
I used this plugin for a short while on 2.8 with a customized version of Evolve-D theme (https://moodle.org/plugins/theme_evolved).
And then it stopped working. I'm wondering when will this feature be out, "Auto detect theme compatability and fall back on non supported themes (so multiple themes in the same site can be supported)"?
Thanks.
I'm testing this plugin on a 2.7 and the resource hang out at creation with the the following error : Error output, so disabling automatic redirect. It goes through with the manual continue though.
And the relevant trace :
"
Did you remember to call setType() for 'bootstrapicon'? Defaulting to PARAM_RAW cleaning.
line 1316 of /lib/formslib.php: call to debugging()
line 288 of /lib/formslib.php: call to moodleform->detectMissingSetType()
line 206 of /lib/formslib.php: call to moodleform->_process_submission()
line 86 of /course/moodleform_mod.php: call to moodleform->moodleform()
line 254 of /course/modedit.php: call to moodleform_mod->moodleform_mod()
"
It looks good, but I'm concerned to push it on my production server with this though.
Thanks
Sorry to be blunt, but when implementing something, please read the specification: http://getbootstrap.com/2.3.2/javascript.html#modals - you've omitted the 'hide' class and hence a Modal prevents links etc. from not working because its not hidden: https://moodle.org/mod/forum/discuss.php?d=339785.
An annoyed, Gareth.