Tabs

Filters ::: filter_tabs
Maintained by José Puente Fuentes
Moodle filter which creates tabs in textfields
Latest release:
545 sites
91 downloads
67 fans
Current versions available: 11

This is a simple Moodle filter which creates tabs in textfields.

First, activate the filter_tabs plugin in Site Administration -> Plugins -> Filters -> Manage filters

To create tabs in textfields where the filter is activated, simply use the following syntax:

{%:Tab title}Tab text{%}

Example

The following placeholders in a textfield:

{%:First tab}Some text{%}
{%:Second tab}Another text{%}


will produce this tab group:

+-------------+------------------+
| First tab | Second tab |
+---------------------------------+
| Some text                      |
|                                         |
+---------------------------------+

Bootstrap 4, Bootstrap 2 and YUI theme styles are supported.

Screenshots

Screenshot #0
Screenshot #1

Contributors

José Puente Fuentes (Lead maintainer): Developer
Alexander Bias: Original maintainer
Stefan Lehneis: Initial Developer
Ulm University: Original maintainer
Please login to view contributors details and/or to contact them

Comments RSS

Ukázat komentáře
  • Joseph Liaw
    čtvrtek, 16. července 2020, 08.57
    Hi Jose: Any plans to update this plugin to 3.8 since 3.8 is Long Term Support? Thank you for sharing this great plugin to help teachers organize their content in a tabbed format for their students!
  • Ricardo Caiado
    úterý, 18. srpna 2020, 04.30
    Is it compatible with 3.9+ version of Moodle?
  • Ram Freedman
    čtvrtek, 24. září 2020, 13.04
    Hi,
    Is there a way to add to each tab an activity or resource?
    I want to add text to each tab and also some activity or resource that is relevant to this tab only.
    Regards,
    Ram
  • Dave Foord
    úterý, 28. června 2022, 21.01
    I have updated this plugin on a few sites that I support (one is Moodle 3.9 the other is Moodle 3.11), and the new version of the plugin is not rendering correctly, in that the contents of the tab are being shown as html code, rather than rendered correctly. I notice that for some reason it is adding a at the start of each tab and a

    at the end, which I assume is causing this rendering problem, but I don't know why it has added these tags as it has.

  • José Puente Fuentes
    čtvrtek, 7. července 2022, 03.33
    Hi Dave,
    I just retested it on version 3.11 and it works fine. Maybe it's something wrong with the text being passed to it or the theme you're using?
  • Dave Foord
    pátek, 8. července 2022, 00.15
    Thanks for testing for me. I use the Moove theme, I have tried changing to Classic and Foundation, and same in all 3 themes, so I wonder what is causing this problem - I assume there must be something else on the site that is clashing. Not to worry, the older version of the plugin works OK, so I just need to remember not to update it.
  • José Puente Fuentes
    pátek, 8. července 2022, 03.26
    Hi Dave!
    I am intrigued!, could you pass me the text that you are trying to render and the type of content in which you do it?
  • Dave Foord
    pondělí, 25. července 2022, 14.32
    Jose - sorry for the delayed response to this (I was on holiday), I generally use this within the book activity. here is a sample of the text that I have used:

    This only works if the tabbed display plugin is installed on the site

    Again should add the headings at top of each tab for accessibility purposes

    {%:Tab 1}

    Tab 1 heading
    Skeletal age (SA) is an indicator of biological maturation, the level of maturity of the bones of the hand and wrist (M Malina, Rogol, Cumming, Coelho-e-Silva, & Figueiredo, 2015). It is the most useful estimate of maturity status and can be used from childhood into late adolescence. It can also be used with current body height and mid-parent height to predict mature height, which is of interest in some sports (Bergeron et al., 2015).

    Unfortunately, SA assessment and the single best maturational index is costly, requires specialized equipment and interpretation, and incurs radiation safety issues (Mirwald, Baxter-Jones, Bailey, & P Beunen, 2002) being the main reason why is not recommended by ITU.

    {%}{%:Tab 2}

    Tab 2 heading
    Anthropometric variables include age (years), body mass (kg), stretch stature (cm), sitting height (cm), and the sum of 6 skin-folds (mm) (triceps, subscapular, supraspinale, abdominal, front thigh and medial calf), and has to be measured following the guidelines described by the International Society for the Advancement of Kinanthropometry (ISAK).

    {%}{%:Tab 3}

    Tab 3 heading
    Monitoring peak weight velocity is an easy and active intervention that should be conducted approximately every six months. Coaches need to ensure that this phase is not missed and can be easily done by registering the athlete's mass on the Peak Weight Velocity tracking file.

    Great care needs to be taken when measuring weight of athletes, as this can be a trigger to an unhealthy focus on weight and has in the past led to eating disorders and similar conditions in athletes. Therefore measuring athlete's weight should only be done with care.

    {%}{%:Tab 4}

    Tab 4 heading
    The Age of Peak Height velocity (APHV) can be calculated using the maturity offset value through a simple and non-invasive method. The results are obtained through the Mirwald equation, helping coaches to predict what age the athlete will achieve PHV, and therefore, identify the child's stage of development. This method of calculating the maturity offset can be completed by measuring the anthropometric ratio of the body and the following info:

    Gender
    Date of Birth
    Date of Measurement
    Standing Height (cm)
    Sitting Height (cm)
    Weight (kg)
    {%}
  • José Puente Fuentes
    pátek, 29. července 2022, 07.10
    Hi Dave!,

    I have tried to reproduce the error with the same options that you indicate, but I have not been able to. I think it may be due to some content prior to the tabs not closing those a-type tags correctly, but I don't know for sure.

    Regarding accessibility, in the next version I will add the aria-controls property to the tabs, but I don't know if that will fix the issue so that you don't have to add another header. I have tried with a screen reader and it seems to work. Could you add more things in terms of accessibility?

    Thank you very much!
  • Xavier Molina-Schenk
    pondělí, 29. srpna 2022, 23.37
    Hi Jose
    In Boost (moodle 4) it is no longer possible to format text or insert tables. Or is it just me?
  • José Puente Fuentes
    středa, 7. září 2022, 05.57
    Hi Xavier!

    Thanks for the feedback. This was a bug in the latest plugin update. I have uploaded a new version that corrects the bug and now it correctly displays html text.

    I await your comment on whether it is already shown correctly.

    Thank you very much!
  • Bert van der Hooft
    neděle, 6. dubna 2025, 21.23
    Hi,

    Is this plugin maintained and will this work in moodle 4.5?

    Bert
  • Ricardo Caiado
    neděle, 6. dubna 2025, 21.26
    Hi, Bert.

    It works in Moodle 4.5+, but if you enable "debugging" several warnings appear.

    Ricardo
  • Emanuel Bechis
    čtvrtek, 17. dubna 2025, 19.54
    ciao, to remove debug error you should move the file filter.php in the classes folder and rename it in text_filter.php
    edit the text_filter.php and add: namespace filter_tabs; ad the beginning. Then rename the class from class filter_tabs extends moodle_text_filter {... to class text_filter extends \moodle_text_filter {
    last step, edit the settings.php and change at line 77 with this line $filtertabs = new \filter_tabs\text_filter($context, []); Remove the requirement at the beginning of the page to the filter.php
  • Ricardo Caiado
    pátek, 18. dubna 2025, 01.39
    Are there any plans for this update to appear in the plugins directory?
1 2 3 4
Please login to post comments