Picture of Helen Bailey
Icons used - a guide
by Helen Bailey - Monday, 18 September 2017, 4:08 PM
 

If you want to use the icons available with Adapt within your course, here's a (hopefully) useful guide to their appearance and their name.

Picture of C OCaoimh
Re: Icons used - a guide
by C OCaoimh - Thursday, 28 September 2017, 1:12 PM
 

Thanks, this is very useful! 

Picture of Ted Curran
Re: Icons used - a guide
by Ted Curran - Friday, 9 March 2018, 11:38 PM
 

@Helen -- you're saying we can type these shortcodes into the text editors and they'll display as icons? 

Sorry for being dense, and thanks for sharing these!
Ted

Picture of James Wan
Re: Icons used - a guide
by James Wan - Tuesday, 8 May 2018, 11:30 AM
 
how would you go about using this?
Picture of Ignacio Cinalli
Re: Icons used - a guide
by Ignacio Cinalli - Tuesday, 8 May 2018, 2:26 PM
 

Hi, to display icons you need add .icon class.

Could be in hbs template file or inside the json.

accordion.hbs example:

<divclass="accordion-item-title-inner">
<divclass="accordion-item-title-icon icon icon-plus h5"></div>
{{{title}}}
</div>

 

component.json example:

    {
        "_id": "c-05",
        "_parentId": "b-05",
        "_type": "component",
        "_component": "text",
        "_classes": "",
        "_layout": "left",
        "title": "Introduction",
        "displayTitle": "",
        "body": "<div class='icon icon-star'></div>",
        "instruction": "Scroll down to see...",
        "_pageLevelProgress": {
            "_isEnabled": true
        }
    }
 

Hope this helps.