Moodle Links within Text boxes

I love Moodle. However, there are a couple of things that drive me crazy. One of those things is the way that links appear in text boxes. These text boxes can be the Feedback box in a rubric, a glossary context box, etc.

Frequently, text links in those boxes show no visual cue unless/until there is a mouse rollover. Let’s look at an example. I’ve highlighted “Step by Step instructions from Master Moodle”, then picked the link button and pasted the appropriate link. However, looking at it, nothing really looks different.

However, this can be easily fixed. Simply add the CSS code for color and underline in the href.

Huh? you might say. (Or, you might say “but of course, that’s how I always do that). With Moodle, you can edit the code. Simply click on the More button:

This will disclose the full toolbar. You are looking for the Code button, the last one on the second row of the toolbar:

Now you’ll be presented with the code behind the text:

<p></p>
<h3>Glossary</h3>
<p>This one is probably my favorite way for students to introduce themselves. Set up a Glossary, and then let the students add in information. Each student would enter their own name as the “term” and then whatever information that you want as the definition.</p>
<h4>Important Notes:</h4>
<ul>
    <li>Easy to set up</li>
    <li>Easy for students to enter their information</li>
    <li>Can be used with the&nbsp;<em>Random Glossary Block</em>&nbsp;to display a student name for other students in the “side bar”</li>
    <li>No automatic grading (but can be graded)</li>
    <li>All students can include pictures</li>
    <li>Entries can be approved by the teacher before the other students can see them</li>
</ul><a " href="https://mastermoodle.com/2018/10/20/comic-say-hi/" target="_blank">Step by Step instructions from Master Moodle.</a>&nbsp;
<br><br>

Find the link that you have already created. This should be fairly easy since it will have an “href=” in the text. After the <a , but before the href=, paste the following code:

style="color:#0000FF;text-decoration:underline;

Thus:

<a " href="https://mastermoodle.com/2018/10/20/comic-say-hi/" target="_blank">Step by Step instructions from Master Moodle.</a>

becomes:

<a style="color:#0000FF;text-decoration:underline; "href="https://mastermoodle.com/2018/10/20/comic-say-hi/" target="_blank">Step by Step instructions from Master Moodle.</a>

Here the color is blue and the text is underlined. Now it will look like this:

Now it looks like a link that users can click on.