moodle/admin/tool/componentlibrary/content/library/moodle-javascript.md at d4a7aa1395377e90498149dbfc05366e6e797708

Files

T

Mikel Martín 8d54a86bdb MDL-81819 theme_boost: Refactor .close usages for BS5

- Add .btn-close to the Boostratp 5 bridge SCSS file
- Replace .close occurrences with .btn-close
- Fix styles using .close

2024-07-12 14:17:10 +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:

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 >}}

1.2 KiB Raw Blame History Unescape Escape

Running AMD modules

1.2 KiB

Raw Blame History