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!

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-icon icon icon-plus h5"></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.