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.
Icons used - a guide
Re: Icons used - a guide
@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
Re: Icons used - a guide
how would you go about using this?
Re: Icons used - a guide
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.