Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-72778

Personalize H5P styles/javascript by 'local' plugin callback

    XMLWordPrintable

Details

    • Improvement
    • Status: Development in progress
    • Minor
    • Resolution: Unresolved
    • 3.9.10, 3.10.7, 3.11.3
    • None
    • H5P
    • MOODLE_310_STABLE, MOODLE_311_STABLE, MOODLE_39_STABLE
    • MDL-72778-master_hp5_styling_from_callback
    • Hide
      1. Add attached 'lib.js' to 'MOODLEPATH/blocks/course_summary'
      2. Create a new directory called 'h5p' on your 'MOODLEPATH/blocks/course_summary'
      3. Add attached 'styles.css' and 'javascript.js' to 'MOODLEPATH/blocks/course_summary/h5p'
      4. As admin go to a course and add 'Course summary' block.
      5. Add a new H5P activity using attached 'accordion-118.h5p' file.
      6. Open the Console in the inspector.
      7. Open the H5P activity.
      8. Confirm there is a 'It is working' message on the console.
      9. Confirm the Accordion has a red border.
      Show
      Add attached 'lib.js' to 'MOODLEPATH/blocks/course_summary' Create a new directory called 'h5p' on your 'MOODLEPATH/blocks/course_summary' Add attached 'styles.css' and 'javascript.js' to 'MOODLEPATH/blocks/course_summary/h5p' As admin go to a course and add 'Course summary' block. Add a new H5P activity using attached 'accordion-118.h5p' file. Open the Console in the inspector. Open the H5P activity. Confirm there is a 'It is working' message on the console. Confirm the Accordion has a red border.

    Description

      Supporting plugin callbacks to add additional h5p/hvp stylesheet and javascript.

      Callbacks - MoodleDoc

      It would be nice to add additional H5p/hvp styling/javascript without adding an extra renderer to our theme. Currently, we only can add support for this by creating a child theme.

      When look at tracker MDL-69087 this is only possible with a theme renderer override. There are no other callbacks available we can use in a plugin. 

       

       

       

      Attachments

        1. accordion-118.h5p
          530 kB
        2. javascript.js
          0.0 kB
        3. lib.php
          0.3 kB
        4. styles.css
          0.1 kB

        Issue Links

          has a non-specific relationship to

          Improvement - An enhancement to an existing Moodle feature. MDL-77049 Customise H5P styles via Raw SCSS theme setting

          • Minor - Minor loss of function where workaround is possible
          • Closed
          has been marked as being related by

          Bug - A problem which impairs or prevents Moodle from functioning correctly. MOBILE-3622 Customize H5P styles via Moodle theme doesn't work in the app

          • Minor - Minor loss of function where workaround is possible
          • Open

          Activity

            People

              mfreak Luuk Verhoeven
              mfreak Luuk Verhoeven
              Amaia Anabitarte Amaia Anabitarte
              Amaia Anabitarte, Carlos Escobedo, Laurent David, Mikel Martín Corrales, Sabina Abellan, Sara Arjona (@sarjona)
              Votes:
              3 Vote for this issue
              Watchers:
              7 Start watching this issue

              Dates

                Created:
                Updated:

                Time Tracking

                  Estimated:
                  Original Estimate - 0 minutes
                  0m
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 7 hours, 1 minute
                  7h 1m