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
166 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 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!

Screenshots

Screenshot #0
Screenshot #1
Screenshot #2
Screenshot #3

Contributors

Jez H (Lead maintainer)
Manoj Solanki: Maintainer
Please login to view contributors details and/or to contact them

Comments RSS

Comments

  • Gareth J Barnard
    Mon, 19 Sept 2016, 8:13 PM
    Gents,

    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.
  • Ricardo Caiado
    Wed, 7 Dec 2016, 8:09 PM
    Any upgrade to Moodle 3.2?
  • David Mudrák
    Tue, 9 Jan 2018, 7:46 PM

    Plugin service info: For the record, I just made Jeremy (one of the two current maintainers) the lead maintainer of this plugin. I tried to contact Mike (the previous lead maintainer) via email and personal message on 15 December 2017 to get his explicit agreement. Mike has not replied. His last access to this site was 3 months ago. Given that Jeremy has already been a maintainer and he is the author of the recent update, I believe that changing the lead maintainer make sense and is in a public interest. In case Mike re-appears, we can communicate further with how to deal with the ownership of the plugin. Thanks.

  • Dan Jeffries
    Wed, 24 Jan 2018, 9:57 PM
    I love this plugin and it's great to see it's compatible with recent versions of Moodle.

    Does anyone know if this will become compatible with Moodle Mobile? At present the mobile page just shows 'bootstrapelements33' or a different number. I'm guessing this is a mobile/desktop app issue rather than the plugin.

    Any thoughts? Thanks!
  • Gareth J Barnard
    Sun, 11 Mar 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
  • Michael Hughes
    Thu, 22 Mar 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."
  • Andreas Giesen
    Mon, 21 May 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 smile
  • Daniel
    Sat, 14 July 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()
  • Manoj Solanki
    Tue, 17 July 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

  • Daniel
    Mon, 23 July 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...
  • Roberto Hebert de Souza Vinha
    Tue, 4 Dec 2018, 1:46 AM
    When will it be available for version 3.5?
  • Jorge Schulz
    Fri, 15 Feb 2019, 5:43 AM
    The last update caused me problems with the Boost Campus theme (I use Moodle 3.6.2)
  • Mufid Zulkarnaen
    Fri, 15 Feb 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/
  • Dan Jeffries
    Thu, 21 Feb 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.
  • Fernando Oliveira
    Fri, 1 Mar 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.
Please login to post comments