Moodle plugins directory: Bootstrap Elements

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.

837 sites

288 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

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

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

Comments

Show comments

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)
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/
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 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 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 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 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!!!!

1 2 3 4

Please login to post comments

Activities: Bootstrap Elements

Sets

Useful links

Screenshots

Contributors

Awards

Comments

Modal title