Bootstrap Elements

Activities ::: 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.
Latest release:
836 sites
202 downloads
86 fans
Current versions available: 3
Download

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.

Useful links

Source control URL
Bug tracker

Screenshots

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

Contributors

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

Awards

Privacy friendly
Privacy friendly

Comments RSS

Show comments
  • 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.
  • 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.
  • Juan Aguilar
    Sat, Jul 27, 2019, 1:55 PM
    can i modify the modal box width ?
  • 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!.
  • 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
    Daniel Méthot
    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
    Daniel Méthot
    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
  • 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
  • Owais Sonija
    Wed, Jul 1, 2020, 5:47 AM
    Hi Martin! You can use Modal and other Bootstrap 4 components in question just by pasting the code along with html. For Modal demo, you can use the following code: Launch demo modal
    Modal title
    ×
    ...
    CloseSave changes
  • Hendrik Knoche
    Mon, Jul 6, 2020, 8:44 PM
    Hi,
    we're using this plugin happily and extensively and I'm wondering whether there are plans for supporting 3.8 any time soon?
    thanks!
  • Daniel
    Daniel Méthot
    Wed, Nov 11, 2020, 5:40 PM
    Hello,
    The string "close" of the close button of the pop-up window is hardcoded in moodle/mod/bootstraplements/lib.php line 322.
    Can you integrate it correctly to allow translation in the language pack?
    I had to modify the text directly in the plugin file.
    Thanks in advance and congratulations for your very useful plugin.
    Daniel
    Easy E-Learning
  • Al
    Al Metcalfe
    Sun, Jan 24, 2021, 5:57 AM
    Is there any chance you make the plugin so that when you update moodle it automatically downloads the plugin as part of the upgrade? This would save so much time as currently when you upgrade it just says, "Additional Missing from disk!". Thank you so much.
  • Marta Chiné
    Tue, Feb 23, 2021, 7:01 PM
    Hello, thanks for the pluggin. We have problems with this pluggin in Moodle 3.9 last version. Bootstrap in "modal" view have a problem in last Moodle version (3.9) . The students only see text, they do not see the active buttonThe students can't view the bottom. The teachers (anb teachers+change rol to students) don't have this problem.
    Is an update planned? Will this plugin be kept up to date for the latest versions of Moodle?
    Thaks!!!!
  • Marta Chiné
    Tue, Mar 2, 2021, 5:31 PM
    Hello, 23 feb to 2021 I writte a post so we had a problem with bootstrap pluggin.
    Finally, we have identified the problem.
    When you do a test with the function "enter as a / another user", emulating without logging (administrator role, course managers) is when it is not displayed correctly. In conclusion, the problem is only the bootstrap view in that context "login as another user". Therefore, it does not impact the user experience.
  • Daniel
    Daniel Méthot
    Tue, Apr 13, 2021, 1:09 AM
    Hello,
    How can I change the width and height of the modal window?
    On my site with a certain graphic theme (Rebel) the width is too narrow.
1 2 3 4 5
Please login to post comments