Activities: Bootstrap Elements

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.
747 sites
473 downloads
75 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 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!

Sets

This plugin is part of sets BCU UI, Adaptable UI.

Screenshots

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

Contributors

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

Show comments
  • Picture of Andreas Giesen
    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 smile
  • Daniel
    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()
  • Picture of Manoj Solanki
    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

  • Daniel
    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...
  • Picture of Roberto Hebert de Souza Vinha
    Tue, Dec 4, 2018, 1:46 AM
    When will it be available for version 3.5?
  • Picture of Jorge Schulz
    Fri, Feb 15, 2019, 5:43 AM
    The last update caused me problems with the Boost Campus theme (I use Moodle 3.6.2)
  • Picture of Mufid Zulkarnaen
    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/
  • Picture of Dan Jeffries
    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.
  • Picture of Fernando Oliveira
    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.
  • Picture of Juan Aguilar
    Sat, Jul 27, 2019, 1:55 PM
    can i modify the modal box width ?
  • Picture of Xavier Molina-Schenk
    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!.
  • Picture of Olli Savolainen
    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.

    I'm getting "We can't let you see this page" at https://bitbucket.org/covuni/moodle-mod_bootstrapelements/pull-requests/new
  • Daniel
    Wed, Sep 25, 2019, 3:27 PM
    Hello!
    Please consider offering us the version of your essential plugin for Moodle 3.7.
    Thank you ...
  • Daniel
    Thu, Mar 5, 2020, 9:54 PM
    Hi,
    Does your very useful tag work in Moodle 3.8?
    It seems that nothing is displayed and the icons are invisible.
    Thank you
    Daniel
  • Picture of Martin Latschenberger
    Wed, Mar 25, 2020, 11:32 PM
    Hi,
    basically this plugin is very helpful. Thank you for developing and maintaining.
    But one requirement cannot be fulfilled: the usage of such elements within questions of a quiz.
    I want to fade in additional information within a question by usage of a modal window or a toggling element. Unfortunately I could not find any solution for this so far.
    Do you have a hint for me?
    Thank you
    Martin
1 2 3 4
Please login to post comments