Components for Learning (C4L)

Thanks so much, Richard! I really appreciate you taking the time to try it out. You might also want to take a look at the TinyMCE version, as it currently includes more functionality. I’d love to hear your feedback.

Roger, this plugin looks brilliant! I'm going to try it out over the coming days.

Hi Paul, we just added 3 new evaluative components based on the Arene's AI traffic light model as you suggested:
- AI use allowed: https://componentsforlearning.org/components/ai-use-allowed/
- AI use not allowed: https://componentsforlearning.org/components/ai-use-not-allowed/
- AI use reported: https://componentsforlearning.org/components/ai-use-reported/
Those have been implemented for the TinyMCE version first (which I strongly reccomend to switch to), but very soon they'll be also available for the Atto version. Thanks again for your suggestion!

Hi Paul, thank you for your suggestion. I find the components you proposed very interesting and useful. I’ll work on them and try to include them in the next version.

Hi Sandra, sorry for the late reply. I'm planning to include tables soon, maybe in the next version. Thank you for your patience!

We consider that this plugin would be VERY useful to add the AI traffic light model as described by Arene (https://arene.fi/wp-content/uploads/PDF/2024/Teko%C3%A4lysuositukset/ARENE%20AI%20english.pdf?_t=1731419903). I would add it myself as custom components, but unfortunately, I lack the coding skill to make it work. The idea is that a teacher could add the marker to any content page in Moodle (e.g. in the assignment description) to indicate whether the use of AI tools is prohibited, allowed under conditions, allowed or encouraged. It would basicall just need to display a picture, but I do not know any CSS.

Hi!
that's a great plugin!
Is there a way to include a component for tables?
Thanks in advance!
Sandra

Hi Federico,
It’s a bit complicated to modify the styles, as the original idea was to save the teacher the task of visual design (although I completely understand that in certain contexts, it may be necessary or desirable).
There’s a part you can modify from the CSS (Site administration → Appearance → Additional HTML → Within HEAD). For example, in the case of the Quote component, if you want the color of the sidebar to be green, you should add the following CSS:
.c4l-quote .c4l-quote-line, .c4lv-quote .c4l-quote-line {
border-left-color: #4CAF50;
}
However, the quotation icons are actually images (SVG), so you will need to modify them via code within the plugin folders:
lib/editor/atto/plugins/c4l/pix/noun_project_icons
In this case, in order to change the color of the icon c4l_quote_icon.svg and assign it the new color, you'll need to look for all occurrences of the text fill="#1679F9" in the file and replace it with fill="#4CAF50" (or the new color you’ve chosen).
Naturally, since you’re modifying the original files, when you update the plugin you’ll need to be careful not to overwrite these changes, or otherwise adding them again.
Another option would be to use the functionality to create your own custom components, although this is only available for the TinyMCE version:

Hi @Roger and all,
I want to customize the colors of the quote and other components, how can I do that?i
For example the left line and the " is light blue and I need converted to an specific red that we are using in our school, how can I do it?
THANKS IN ADVANCE.

We are really looking forward to the plugin for moodle 4.3

What's the ETA on updating atto version to version 2.1.0 in line with the TinyMCE plugin?

Hola Claudio, a qué plantillas te refieres?

como hago para cargar las plantillas

Thanks, Nico! Sure, I count on adding the "Learning Outcomes" component to this plugin version very soon Please keep tuned!

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