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

[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.

[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.

[adam griffin]

What about for a navbar? It didnt work

[Maryna Brodina]

Hello!

Could you clarify what is your Libraries version?

[adam griffin]

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

[adam griffin]

Should I share my project?

[Maryna Brodina]

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

[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