Great question. This page on icons is a great resource. There is no upload on the FFT. I'm not sure on the paid. Teachers simply add the icon class to the anchor link using the HTML editor. It works like a charm.
Hi lph -- thanks for your response! I had this question, too, and the icons page was really helpful. Can you explain what you mean by:
Teachers simply add the icon class to the anchor link using the HTML editor. It works like a charm.
I'm a little new to using styling in the HTML editor, and was just wondering if you might have some documentation.
Browse to the page you want to add an icon >> Click edit >> Click HTML Editor
This page looks intimidating but it is the HTML which creates the page. Between the angle brackets < and >, you will see HTML tags such as <a><p><table> etc. The <a> is known as an anchor (a for anchor). This is where the link is being built.
Find your link text
<a href = " " >
Before the href add class="" and the name of the icon.
Here is an example of adding the class:
I hope this helps.
Yes, using the canvas icons is free on the institutional/branded accounts as well.
I also use the icons to add mouse-over text (like instructions) to words that I want to highlight.
<a class="icon-like" title="Helpful mouse-over text">Helpful hint</a>
Cheers - Shar
1) has anyone tested these on mobile yet?
2) Let's say I wanted to use them to decorate a header, instead of a link. How would I do that?
Thanks for the share!
Hi @venitk ,
The icons do not show up in the Canvas mobile apps, the same way the do not display in the Rich Content Editor.
And to put icons outside of an anchor tag (link) you'll have to use HTML editor and i tags. For instance:
<h3><i class="icon-like"></i>Heading level 3</h3>
Cheers - Shar