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:
1180 sites
399 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

Rodyti komentarus
  • Gillian Delvigne
    tr, 26 saus. 2022, 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ú
    pn, 28 saus. 2022, 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
    an, 15 kov. 2022, 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ú
    pr, 21 kov. 2022, 17:16
    Thanks, Gillian! I hope it works fine for you besišypsantis
  • Tim Brouckaert
    tr, 14 gruod. 2022, 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ú
    tr, 14 gruod. 2022, 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ú
    tr, 14 gruod. 2022, 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
    tr, 14 gruod. 2022, 18:10
    Done! Thanks for your work!
  • Roger Segú
    tr, 14 gruod. 2022, 18:21
    Great! thank you very much for your support, Tim!
  • Nico Hang
    tr, 26 bal. 2023, 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 besišypsantis
  • Roger Segú
    tr, 26 bal. 2023, 16:37
    Thanks, Nico! Sure, I count on adding the "Learning Outcomes" component to this plugin version very soon besišypsantis Please keep tuned!
  • Claudio Visa
    sk, 14 geg. 2023, 14:45
    como hago para cargar las plantillas
  • Roger Segú
    sk, 14 geg. 2023, 18:37
    Hola Claudio, a qué plantillas te refieres?
  • Tim Boniface
    pn, 12 bal. 2024, 13:41
    What's the ETA on updating atto version to version 2.1.0 in line with the TinyMCE plugin?
  • Ольга Федорова
    tr, 8 geg. 2024, 00:23
    We are really looking forward to the plugin for moodle 4.3 besišypsantis
1 2
Please login to post comments