Hi,
I am developing a new activity (module) plugin for Moodle 3.0 and in the user interface of the plugin, I would like to use common components such as a dropdown menu (think of Twitter Bootstrap). In my Moodle test installation with a default theme, I see that Moodle has a similar drowdown menu for editing/deleting activities in the course main page. Does Moodle provide these kinds of HTML/CSS components to plugins in a reusable way so that I could use them in my plugin as easily as using Bootstrap in other non-Moodle web apps? My plugin uses new Mustache templates, while Moodle core seems to still be reliant on the PHP renderer classes, which further complicates this matter for me. I have been unable to find Moodle documentation about its existing HTML/CSS components, which makes reusing the HTML/CSS difficult. Ideally there would documentation in the same style as Bootstrap has (very easy to read).
To summarize my question, how could I reuse Moodle HTML/CSS components in my plugin, particularly a dropdown menu? I would use such components in my Mustache templates.
As a side note (not sure if this should be another thread), I have already tried to use Twitter Bootstrap in my plugin. Some components do not work directly, since there are conflicts between Moodle and Bootstrap CSS/JS. The Bootstrap dropdown in particular does not work correctly. It seems that the way Moodle handles jQuery AMD module does not work with Bootstrap. Bootstrap has no native AMD support, but I wrapped its JS code in an AMD-style define. Nonetheless, the dropdown menu does not open on mouse click as it should. I wonder if anyone has experience in making new versions of Moodle and Bootstrap work together.
Best regards, Markku Riekkinen