## Activities: Bootstrap Elements

mod_bootstrapelements
Maintained by Jez H, Mike Grant, Manoj Solanki
Bootstrap Elements gives you the ability to add modal and toggles to your courses, helping to improve the layout of courses.
671 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

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:

• 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 sets BCU UI, Adaptable UI.

### Contributors

Manoj Solanki: Maintainer

### Awards

• Sun, Mar 11, 2018, 5:47 AM
Bug in 1.2 on M3.4 when attempting to get the popup to show on the icon field:

fontawesome-iconpicker.min.js:1 Uncaught ReferenceError: jQuery is not defined
at fontawesome-iconpicker.min.js:1
at fontawesome-iconpicker.min.js:1
modedit.php?sr=0&add=bootstrapelements&section=3&course=7&theme=boost:370 Uncaught ReferenceError: $is not defined at modedit.php?sr=0&add=bootstrapelements&section=3&course=7&theme=boost:370 See: https://moodle.org/mod/forum/discuss.php?d=367041 • Thu, Mar 22, 2018, 11:39 PM We second Dan's request for Moodle Mobile App support. On our mobile these activities are shown using green jigsaw icon and when clicked show message "Uh oh! Your organisation installed a plugin that is not yet supported. Contact the site administrator and tell them you want to use this activity with the Moodle Mobile app." • Mon, May 21, 2018, 11:57 PM Hi! Please consider to optionally not load font awesome from CDN. For one in newer versions of Moodle FA is already installed anyway, additionally for the GDPR less external servers are better at the moment. If you worry about newer versions of FA shipped with Moodle breaking your code, maybe ship FA with the plugin and call it from there... For now I edited the style.css in your plugin-dir and without the extra FA the bootstrapelements work fine in Moodle 3.5 • Sat, Jul 14, 2018, 7:15 PM Hello, Your plugin is not available for Moodle 3.5.1 (errors) Thank you Daniel Codes errors: XML database file errors found ×Debug info: Errors found in XMLDB file: PATH attribute does not match file directory: mod/bootstrapelements/db Error code: ddlxmlfileerror ×Stack trace: line 352 of /lib/ddl/database_manager.php: ddl_exception thrown line 368 of /lib/ddl/database_manager.php: call to database_manager->load_xmldb_file() line 770 of /lib/upgradelib.php: call to database_manager->install_from_xmldb_file() line 512 of /lib/upgradelib.php: call to upgrade_plugins_modules() line 1857 of /lib/upgradelib.php: call to upgrade_plugins() line 694 of /admin/index.php: call to upgrade_noncore() • Tue, Jul 17, 2018, 3:46 PM Hi, We'll endeavour to release a 3.5 version soon as we're able to and review the feature requests for Moodle Mobile support and optional font awesome support. Regards, M • Mon, Jul 23, 2018, 3:51 PM Thank you ! Your plugin is very useful, especially because it allows you to produce pop-up labels with buttons with symbols. That is progress. Looking forward to Moodle 3.5 release. Greetings... • Tue, Dec 4, 2018, 1:46 AM When will it be available for version 3.5? • Fri, Feb 15, 2019, 5:43 AM The last update caused me problems with the Boost Campus theme (I use Moodle 3.6.2) • Fri, Feb 15, 2019, 8:22 PM It looks good, but I'm concerned to push it on my production server with this though https://jujukane.blogspot.com/ • Thu, Feb 21, 2019, 10:09 PM Just to advise that we updated this using Lambda theme and it caused a lot of issues: Edit link and main Edit button would not work. So please test if you are not using the themes above. • Fri, Mar 1, 2019, 11:09 PM I'm seeing the same problem that Dan reported above. This plugin disables the edit links in certain situations. For our site, this happens when the Sharing Cart plugin is also installed. I (mistakenly) reported the issue here: https://moodle.org/mod/forum/discuss.php?d=87044#p1544394. Looks like some kind of JavaScript conflict. Also, disabling the Bootstrap Elements plugin doesn't seem to fix the issue, the plugin needs to be completely uninstalled. • Sat, Jul 27, 2019, 1:55 PM can i modify the modal box width ? • Sat, Aug 3, 2019, 12:50 PM So, Sharing Cart and Bootstrap Elements are conflicting? Uninstalling Bootstrap Elements helped resolve the problem with the 'edit link' in our case, too. But we really think, this intelligent Plugin has a great future!. • Tue, Sep 3, 2019, 3:17 PM Hi. Apparently bitbucket does not allow pull requests from free users? The text on the modal Close button was hardcoded, so I added$output .= get_string('close', 'mod_bootstrapelements');
in lib.php:322.