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
173 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 Mamatheka

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

  • Hartmut Scherer
    Bil, 23 Dis 2014, 6:49 AM
    Hi Jez,
    Thanks for your fast response. And I understand that you wanted to release what you have so that others can see it. I installed Bootstrap Elements in a test site.
    During the last 4 months I used Accordion or what you called Toggle in Bootstrap Elements quite often, not only in Labels. When I had a long description for a paper, I liked to show the first line of the description in the main class page. When students hovered over this line, they could see the rest.

    Do you think it is possible to add the functionality of Bootstrap Elements as an option to the description of activities? Right now the description can only displayed completely. Just a thought.

    With kind regards,
    Hartmut
  • Jez H
    Bil, 23 Dis 2014, 7:00 AM
    Hi Hartmut,

    No you could not use this to apply to the descriptions of other activity types.

    One of the reasons we are working on this is try and get more people using Bootstrap in their course pages in the hope that if there are enough adopters we may start to see these kinds of features making their way into core.
  • Usman Asar
    Bil, 23 Dis 2014, 9:10 AM
    Jez,

    Please include some screenshots with examples so it will be easy for people to get to know the plug-in better.
  • Gareth J Barnard
    Tha, 24 Dis 2014, 12:44 AM
    Gents,

    ZIP file contains a redundant NetBeans 'nbproject' folder.

    Gareth
  • Nadav Kavalerchik
    Tha, 24 Dis 2014, 4:51 AM
    Beautiful, Thanks Mamatheka

    + Missing some help (screen captures)
    + Enhanced label does not seem to work (what should be visually expected, when active?)
    + Error while duplicating the resource
  • Jez H
    Mso, 5 Jan 2015, 7:08 AM
    Hi Nadav,

    Sorry for the late reply. I will add some screen captures / video to this page in the near future.

    The enhanced label doesn't do much at the moment, it just renders static text with a title, so little difference between that and a standard label at the moment. It is there to provide a fallback to static text if it is needed, but will be "enhanced" with future updates to add more features.

    The "duplicate" error is already in our tracker, we noticed that shortly after submitting this plugin.

    We will get this plugin updated ASAP in the new year to fix the issues you mention and improve it.
  • Mike Grant
    Mso, 5 Jan 2015, 5:35 PM
    Hi Nadav,

    The issue with duplicating the resource is now fixed as of version 1.0.1 Mamatheka.

    Any more issues then just let me know, thanks!
  • Jez H
    Hla, 9 Jan 2015, 6:46 PM
    Hi Nadav,

    If you download the latest version you will see all the issues you raised are fixed and we have added support for FontAwesome too
  • Robin Leung
    Hla, 20 Feb 2015, 4:26 AM
    Installed this with the latest version of the BCU theme in Moodle 2.8.2. And it doesnt' seem to be working the way it should. For one, the icons are not displaying properly. 2, the toggle doesn't seem to be "toggling". Am I missing something?
  • Laurie Swaine
    Mgq, 21 Mas 2015, 4:04 AM
    Is there any chance that an Activity Completion option of "Show activity as complete when conditions are met" will be added, which would mark the activity as completed when the student views it? Not sure how that would work with the Enhanced Label or Blockquote, but it would be good with the Modal or Toggle options. Thanks!
  • Jez H
    Mso, 23 Mas 2015, 4:57 PM
    @Laurie, I am afraid not this plugin is essentially a "label", everything is displayed on the course page and as such there are no events to detect.

    Modal works that way too, although there is a "click" action that is already rendered in the page, all this plugin is doing is putting a wrapper around that label.

    The only completion tracking possible will be self completion, which is the only type that works for Label.
  • A. A.
    Hla, 5 Jun 2015, 3:07 AM
    Hi,
    I have installed the plugin and the only thing not working is the Toggle element. I tried it with three browser without success.
    It initially appears closed with a down-arrow on the right. When I click it the arrows tranforms in a up-arrow, but content never appears.
  • Steven Parker (sparkerED)
    Bil, 23 Jun 2015, 11:52 AM
    Hi Mike and Jez, thanks for this great plugin. I have a suggestion to improve. Can we have the ability to be able to create HTML templated content in Bootstrap Elements administration settings? This canned content would then be available to teachers to guide them when creating course content. For more informnation check out the feature request at https://tracker.moodle.org/browse/MDL-44298 also a video at
  • Mike Grant
    Bil, 23 Jun 2015, 9:07 PM
    Hi Steven,

    That's a really nice idea that you've got there. It's not something that's going to happen right away, but definitely something that I will investigate. I might come back to you to discuss this idea further soon, is that okay?

    Thanks
  • Jez H
    Bil, 30 Jun 2015, 9:03 PM
    Hi Steven,

    I looked at that idea a while back and was talking to Justin Hunt about doing something like this with his "Generico" plugins:

    https://moodle.org/plugins/view/atto_generico
    https://moodle.org/plugins/view/filter_generico

    Those could do the kind of thing your video shows. The problem with that (unless it has been improved) is that you cannot reload the template easily once it has been added. Also the workflow is more complex as in "Add resource > add label > click generico icon > choose template" whereas we wanted something that was simpler to use.

    I think if it were possible to support templates like that within this plugin in a way that allowed users to go back in and edit them more easily (Generico adds a text string with parameters for a filter to parse) it would be nice.

    We have actually written another plugin that allows administrators to define a template to add standard information to a course in expandable toggles which is also similar to what you want:

    https://bitbucket.org/bcu/moodle-mod_bcu_course_introduction/overview

    But that only supports one template for the site, it has some other features like only showing students the content once its completed so they never see anything to the effect of "Tutor enter title here".

    Between these various options I am sure more can be done in this area, it is something that is needed if you want to build more consistent and attractive Moodle courses across large sites.
Please login to post comments