Page 1 of 1

How can I use the data-icon = "comments"?

Posted: Mon Jun 16, 2014 12:27 am
by adam griffin

I have looked at almost every post and can not figure out how to use this. I tried entering it in the "more properties" tab and read the documentation the icon still not showing. I even tried without the "s" in comments Please help.


How can I use the data-icon = "comments"?

Posted: Mon Jun 16, 2014 1:48 am
by Yurii Orishchuk

Hi Adam.

Please follow these steps to add "comment" icon to the button.

  1. Activate your button on the page.

  2. Set "icon" property select with "none" value. http://prntscr.com/3t8qbw/direct

  3. Click "more properties" button.

  4. Add two attributes and click "Save" after:

    pre

    data-icon = comment

    data-iconpos = left

    /pre

    http://prntscr.com/3t8qv4/direct

    That's all. After, you will get result as on screen shot: http://prntscr.com/3t8r3j/direct

    Regards.


How can I use the data-icon = "comments"?

Posted: Mon Jun 16, 2014 2:33 pm
by adam griffin

What about for a navbar? It didnt work


How can I use the data-icon = "comments"?

Posted: Mon Jun 16, 2014 4:08 pm
by Maryna Brodina

Hello!

Could you clarify what is your Libraries version?


How can I use the data-icon = "comments"?

Posted: Mon Jun 16, 2014 4:10 pm
by adam griffin

It says v2.0. It works for a regular button but when I try adding to a navbar button. Nothing shows


How can I use the data-icon = "comments"?

Posted: Mon Jun 16, 2014 10:12 pm
by adam griffin

Should I share my project?


How can I use the data-icon = "comments"?

Posted: Tue Jun 17, 2014 7:15 am
by Maryna Brodina

No, there is no need to share project. I will update.


How can I use the data-icon = "comments"?

Posted: Tue Jun 17, 2014 8:40 am
by Evgene Karachevtsev

Hello Adam,

Unfortunately there is a bug: you can't set icon for navbar via more properties. You may on load page with help of JS add appropriate class for item you need. Choose any icon for navbar's item (exept none) and on load page add this code:

codeApperyio("mobilenavbaritem_name").addClass("ui-icon-comment"); /code

where mobilenavbaritem_name - name of navbar's item