https://github.com/frumbert/filter_roundy

Moodle: A quirky filter to make a round-style menu
https://github.com/frumbert/filter_roundy

moodle moodle-filter moodle-plugin php

Last synced: 11 months ago
JSON representation

Moodle: A quirky filter to make a round-style menu

• Host: GitHub
• URL: https://github.com/frumbert/filter_roundy
• Owner: frumbert
• Created: 2020-03-11T12:38:49.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2020-03-11T12:45:00.000Z (over 6 years ago)
• Last Synced: 2025-06-22T06:36:38.930Z (12 months ago)
• Topics: moodle, moodle-filter, moodle-plugin, php
• Language: PHP
• Homepage:
• Size: 126 KB
• Stars: 3
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
Roundy Filter

=============

Repositions hyperlinks into a circle at a given radius, adds images and labels, to make a neat circular menu system from an arbitary number of links.

Sprinkle in some clever CSS for a circular menu with hover effects.

Example

-------

![screenshot](screenshot.jpg)

Set up

------

The filter settings include the name of the class of the div to match on (default: ittaMenu), and the radius to draw (default: 275), and an option to include the default styles (default: true)

The menu expects a div containing a h1 and some hyperlinks. The div will have the following html structure:

```html



    


        BSB51918 Diploma of Leadership and Management

    

    

        

    

    

        

    

    

        

    

    

        

    

    

        

    

    

        

    

    

        

    

    

        

    

    

        

    

    

        

    

    

        

    

    

        

    

    

        

    



```

hyperlink titles become captions; image alt tags become text that appears when you mouse-over a circle.

![mouseover](mouseover.jpg)

In the moodle editor, add images for your circles. Then hyperlink each image to the section names or places in the course you want to jump to. Ensure that a h1 contains the text for the centre of the circle.

The filter should be set up to be enabled but off globally, then enabled on only the courses where you want it to be used. Filters apply everwhere on the page (all blocks and sections) so you could have a circular menu in a block if you want.

Notes

-----

The default styles are stored in the plugin and included into the page as a link (because Moodle can't register them to the page during a filter, because reasons). Check out the style.css for default styling if you want to override it in your theme.

Licence

-------

GPL3