Picture of stu spencer
Add an icon to text body
by stu spencer - Wednesday, 29 April 2020, 11:32 AM
 

Is there a way I can add an icon to a message body. Basically I want to highlight to the reader the purpose of the resource icon in Adapt. Some text basically to say 'please see the icon (then icon shown here) and so on'.

Can this be done or can anyone suggest an alternative please.

 

Thanks,

 

Picture of Jonathan Briggs
Re: Add an icon to text body
by Jonathan Briggs - Wednesday, 29 April 2020, 12:26 PM
 

If I'm understanding correctly what you want to do the adapt-component-icon extension does this. For example it can be manipulated to provide an animated scroll indicator, amongst other things.

https://github.com/kingsonline/adapt-component-icon

J

Picture of stu spencer
Re: Add an icon to text body
by stu spencer - Wednesday, 29 April 2020, 3:05 PM
 

Hi Johnathan, that is absolutley class! Thank you. I am an absolute novice (works well when watched! ) so that is brilliant. :)

What I would like is the same text editor functions same as the one I am typing this reply too, but I am sure there is a reason that would blow my mind! :)

 

Picture of Jonathan Briggs
Re: Add an icon to text body
by Jonathan Briggs - Wednesday, 29 April 2020, 3:44 PM
 

I realise now that you were after what ML said, but it is a super-handy extension. You can make it do many things with custom CSS

Picture of Matt Leathes
Re: Add an icon to text body
by Matt Leathes - Wednesday, 29 April 2020, 1:37 PM
 

Hi Stu

When posting on the forums please could you state whether you're using the Authoring Tool or the Framework - and what version - this information is important so as to allow us to give you the best solution.

Assuming you're using v5.x of the Framework, you'd need to include something like this in your content: <span class="icon icon-list" style="display: inline-block;vertical-align: middle;"></span>

That should give you something like this:

Picture of stu spencer
Re: Add an icon to text body
by stu spencer - Wednesday, 29 April 2020, 3:10 PM
 

Matt, thank you. You know what, I nearly gave up.... 5 hours this morning... noise and lock-down mayhem.... that was just the wife! 20 odd google windows before posting here..... left the line in the water... and checked back. Matt this is what I am after (although Johnathan's was really good too-so that will get the 'ol bookmark!

Apologies for not putting the version. Yes I am on the shiny V5, which is lovely but it makes me want to cry trying to get some plugins to work (wish someone sold 'em on 'fiver'...jokes). Might put another help post up though.

As always, much appreciated, good as gold. :)

Picture of Matt Leathes
Re: Add an icon to text body
by Matt Leathes - Wednesday, 29 April 2020, 3:55 PM
 
noise and lock-down mayhem.... that was just the wife!

LOL hilarious! I sympathise... luckily I work from home normally so have a garden office to retreat to!

Thanks for persisting with v5 - I know it's frustrating at the moment with few 3rd party plugins having compatibility but the more people ask for them to be updated, the more pressure this puts on people to do so.

FYI many of the Kineo ones should have been done just maybe not released yet. Feel free to prompt us to do so!

Picture of stu spencer
Re: Add an icon to text body
by stu spencer - Wednesday, 29 April 2020, 5:07 PM
 

Matt thank you. I like to think if I am nothing else, I like add humour to my daily... challenges...

Honestly this really helped as I am a proper novice with adapt, but I can follow instructions or even little snippets to get me going. I've learnt a little bit about how @primary colours and the like can be added to custom .CSS/Less box so there is a better chance of older plugins getting recognised. I don't have the skills or expertise for some of the topics or conversations that are posted, but pointed me in the right direction, I'm pretty good half the time.

The light of my life has just called me.... (the wife btw.... the home one....).... so as they say in russia....

..... moscow.

Love this textbox btw..... its got more shiny add ons on it... can this not go in Adapt V6? :)

 

Picture of stu spencer
Re: Add an icon to text body
by stu spencer - Wednesday, 29 April 2020, 5:14 PM
 

Matt.. just went on to the Kineo link... lovely, and please.... release them... let them go.... (song there..)

Picture of Jonathan Briggs
Re: Add an icon to text body
by Jonathan Briggs - Wednesday, 29 April 2020, 3:56 PM
 

Re plugins with fw5, some older plugins have the framework line in the bower.json file written in numerous different ways and in some cases it's just a matter of changing it to >= rather than whatever's there, then test the hell out of it. Other plugins require structural changes because fw5 does lots of things differently. And then it's worth being aware that courses using fw5 cannot inherit custom CSS made for previous fw versions as it's all totally different and classes don't match. So there's plenty to work through! I for one have an instance in test running fw5 and thanks to all this COVID-19 mayhem have not got it particularly far yet, though about 90% of components and extensions I need to get going in there have been sortable to date. It would be a really good idea to have a production instance and a development (test) instance on the go if you're mucking around with this stuff so that you don't un-expectedly ruin something critical.

Picture of stu spencer
Re: Add an icon to text body
by stu spencer - Wednesday, 29 April 2020, 5:12 PM
 

Hi Johnathan, yes I have done that with a couple so far and yes I have made various course template to test the plugins on.

The dreaded @primary and the like error messages are one I have been working with too. I only started by chance with AAT in january but whilst my wife watches anything MTV can throw at the TV, I have been sat trying to get as much information as I can. Some are beyond me though as you have highlighted... triggered plugin for example.... such a staple really for click panel style learning and I wish I could fix 'em.

Sometimes I just get lost with Github too haha! I am trying though...