Feature Request: {courseimage} within the HTML editor

[brunohcury]

Prerequisites

• [X] I am requesting the new feature to the correct repository.
• [X] I checked the latest version on GitHub and the README.md documentation to ensure that this functionality does not already exist.
• [X] I searched to make sure that this feature has not already been requested.
• [X] I have, or I know someone who has, the ability and willingness to test the new feature on a Moodle LMS-based site.
• [X] I agree to submit one feature request per issue ticket (do not submit multiple requests in one issue ticket).
• [X] I understand that development and support is provided by volunteer(s) and that all final implementation decisions are up TNG Consulting Inc.

Feature Request - The User Story

Hello Michael,

Is there a way to use the {courseimage} tag within atto's HTML editor? My idea is to insert an HTML block in the course with the background course cover image as in the attached example.

Thank you very much

Att Bruno Cury

Screenshots / Mock-ups

No response

Alterative you have considered

No response

Additional information

No response

Planning on submitting a solution in a pull request (PR)?

Yes

Code of Conduct

• [X] I have read and agree to the project's code of conduct.

[michael-milette]

Hi @brunohcury ,

Thank you for your suggestion.

I created a new "{courseimage-url}" tag for you. This should enable you to use it in CSS as a background image by adding something like the following in the source code view of the editor:

<div style="background-image: url('{courseimage-url');">
    <!-- Your content here -->
</div>

The new tag is currently only available here on GitHub. I would be thankful if you would be so kind as to try it and let me know if it works for you. If it meets your needs, I will include the new tag in the next release on Moodle.org.

Best regards,

Michael Milette

[brunohcury]

Hello Michael, It is perfect! I have no words to thank you. Thank you very much

[michael-milette]

You're very welcome @brunohcury . Looks very nice. Would you mind sharing your HTML and styles that you used in order to achieve this?

[brunohcury]

Yes of course!

{coursename} {mygroups} {firstname}, seu progresso no curso está {courseprogress} {courseprogressbar} {coursecontacts}

I remain available Att. Bruno Cury

[brunohcury]

[brunohcury]

Thank you very much!

[michael-milette]

Thank you for sharing @brunohcury .

Tip: You can probably put all that code in a FilterCodes Global tag. That way, you would just need to add one tag to your course. And, if you ever need to change it in all your courses, you would simply need to change it in one place.

Best regards,

Michael