Components for Learning (C4L)

Atto ::: atto_c4l
Maintained by Roger Segú
A collection of visual components designed explicitly for Learning to use in the Atto editor.
Latest release:
1212 sites
419 downloads
46 fans
Current versions available: 1

A plugin for the Atto editor that provides a collection of visual components designed explicitly for Learning, based on the parent project https://componentsforlearning.org.

Plugin demo screenshot

You can find a more detailed description of the project on its website, https://componentsforlearning.org. You will find there the related documentation (https://componentsforlearning.org/components), and some general usage recommendations for all components included there.

No configuration settings are required for this plugin. Just install it from the Site Administration area (Plugins → Install plugins → Install plugin from ZIP file). 

Once the plugin is installed, you will need to make the button visible in the Atto editor. To do so, also in the Site Administration area, go to Plugins → Text Editors → Atto HTML editor. Then scroll down to the Toolbar config area, and add the text 'c4l' whenever you wish the editor bar to show the button. For instance, if you want the button to show before the 'emojipicker' button, just insert it like that:

files = c4l, emojipicker, image, media, recordrtc, managefiles, h5p

Screenshot showing how to add the button to the Atto menu.

This plugin has been possible thanks to the Institut Obert de Catalunya, which has committed to the project and is currently using a very similar version of the components. A big thank you to all the teachers that accompanied me all over the design and testing process.

Screenshots

Screenshot #0
Screenshot #1
Screenshot #2
Screenshot #3
Screenshot #4

Contributors

Roger Segú (Lead maintainer)
Please login to view contributors details and/or to contact them

Comments RSS

コメントを表示する
  • Gillian Delvigne
    2022年 01月 26日(水) 23:06
    Hi,
    Is there a way to edit components styles ? I would like to use this beautiful plugin but I would love to edit the components to integrate them with the design of our site (graphic charter and theme used). It seems that the official and the documentation websites aren't working anymore. Many thanks!
  • Roger Segú
    2022年 01月 28日(金) 15:27
    Thank you, Gillian!! Sorry for the docs, I didn't find the moment to publish them yet but I hope they will be available soon. There is not availabe nor planned adding a feature that allows to add custom syles through the Site Administration, but you could easily modify the styles.css file in the plugin folder -you'll find the CSS rules for the components under the comment "/* COMPONENT STYLES */". However, I strongly reccomend you to add the modifications directly through the Site Administration area, under Appearence > Themes > [Your Theme] > Advanced Settings > Raw SCSS, so your custom styling remains independent and it doesn't get overriden by future plugin updates. To do so, just add the rule you wish to modify, change its attributes' values and those will prevail. For instance, if you wanted the Attention component to be red instead of the current orange hue, you'd just need to add the following code and that would do the trick:

    .c4l-attention {
    border-left: 6px solid red;
    }

    Anyway, if you need assistance or have any doubt regarding this feel free to write me at roger@contacteu.me. Cheers!
  • Gillian Delvigne
    2022年 03月 15日(火) 17:06
    Thank you for your quick and kind reply.
    That's what I'm going to do. But before that, I wanted to be sure that there wasn't a way to do it that was provided by the plugin.
  • Roger Segú
    2022年 03月 21日(月) 17:16
    Thanks, Gillian! I hope it works fine for you 笑顔
  • Tim Brouckaert
    2022年 12月 14日(水) 04:28
    Since Moodle 4.1 TinyMCE 6 comes back as an editor, from 4.2 and up, it will be the default and Atto will be removed. Any chance this will also be migrated to TinyMCE?
  • Roger Segú
    2022年 12月 14日(水) 17:25
    Hi Tim,
    Thanks for showing interest in the plugin. There is actually a TinyMCE version waiting to be approved by Moodle. Once it's done, it will be automatically added to the official Plugins directory. I hope it doesn't take long.
  • Roger Segú
    2022年 12月 14日(水) 18:08
    Also, just in case you wish to help give the approval process momentum, you can do that by clicking on 'Vote for this issue' in the Moodle Tracker's ticket, here's the link:

    https://tracker.moodle.org/browse/CONTRIB-9149?jql=text%20~%20%22c4l%22

    Thanks!
  • Tim Brouckaert
    2022年 12月 14日(水) 18:10
    Done! Thanks for your work!
  • Roger Segú
    2022年 12月 14日(水) 18:21
    Great! thank you very much for your support, Tim!
  • Nico Hang
    2023年 04月 26日(水) 13:34
    Thank you for this Plugin! The Block "Learning Outcomes" (https://componentsforlearning.org/components/learning-outcomes/) is not avaiable in this version, will it be added sometimes? This would be great 笑顔
  • Roger Segú
    2023年 04月 26日(水) 16:37
    Thanks, Nico! Sure, I count on adding the "Learning Outcomes" component to this plugin version very soon 笑顔 Please keep tuned!
  • Claudio Visa
    2023年 05月 14日(日) 14:45
    como hago para cargar las plantillas
  • Roger Segú
    2023年 05月 14日(日) 18:37
    Hola Claudio, a qué plantillas te refieres?
  • Tim Boniface
    2024年 04月 12日(金) 13:41
    What's the ETA on updating atto version to version 2.1.0 in line with the TinyMCE plugin?
  • Ольга Федорова
    2024年 05月 8日(水) 00:23
    We are really looking forward to the plugin for moodle 4.3 笑顔
1 2
Please login to post comments