Files
moodle/admin/tool/componentlibrary/content/library/moodle-javascript.md
T
Mikel Martín 0a03018116 MDL-75671 theme_boost: Refactor spacing classes for BS5
- Add SCSS code for spacing utility classes to the Boostrap 5 bridge SCSS file
- Replace all occurrences in the codebase (pr-1 > pe-1, ml-auto > ms-auto, ml-sm-3 > ms-sm-3, ...)
2024-08-09 07:40:17 +02:00

1.2 KiB
Raw Blame History

layout, title, date, group, draft, menu
layout title date group draft menu
docs Moodle JavaScript 2020-01-14T13:38:37+01:00 moodle-components false main

Running AMD modules

When using this (shortcode) syntax you can showcase your HTML and add some RequireJS style Javascript that will call core AMD modules.

In order for this to work you need to use the JavaScript syntax used in core Mustache templates. See the {{js}} tags in this example below:

{{< example >}}

PlaceKitten Bootstrap 11 mins ago
Hello, world! This is a toast message.
{{#js}} require( [ 'jquery', 'theme_boost/toast', ], function( $, Toast ) { var root = $('#toasttest'); root.toast('show'); }); {{/js}} {{< /example >}}