Custom Icons for Custom Menu in Mobile App

Re: Custom Icons for Custom Menu in Mobile App

by Juan Leyva -
Number of replies: 2
Picture of Core developers Picture of Moodle HQ Picture of Particularly helpful Moodlers Picture of Plugin developers Picture of Testers
My grades | https://www.evidyapith.com/grade/report/overview/index.php | embedded | en | icon
Where icon is any icon from http://ionicons.com/1.5.2/, like, ion-hammer
Average of ratings: Useful (1)
In reply to Juan Leyva

Re: Custom Icons for Custom Menu in Mobile App

by Arabinda P -
Hi Juan,
Thank you, for the help done years ago. That worked.
I currently have Mobile app 4.2.0
However, how do I add custom Menu ITEM - icons to that.
I have below configuration
-----------------------------------

Send Email|mailto:info@dynaperf.com| browser|en|ion-android-mail

Call Us|tel:9967365337| browser|en|ion-call

Message Us|sms:9967365337| browser|en|ion-call

---------------------------------------------------

But the icon is showing blank.

Please guide.

Regards

Arabinda


In reply to Arabinda P

Re: Custom Icons for Custom Menu in Mobile App

by Noel De Martin -
Picture of Core developers Picture of Moodle HQ Picture of Particularly helpful Moodlers Picture of Peer reviewers Picture of Plugin developers

Hi there,

In the latest versions of ionic the ion- suffix is not longer used, and there aren't different icons for iOS/Android either. The following should work:

Send Email|mailto:info@dynaperf.com| browser|en|mail
Call Us|tel:9967365337| browser|en|call
Message Us|sms:9967365337| browser|en|call

For more icons, check out the new ionicons website at https://ionic.io/ionicons, as well as font awesome icons https://fontawesome.com/icons.

Although we're not using the latest version either, so when in doubt you can try different versions to make sure you're using the right one.