Support

Account

Home Forums Add-ons Options Page Add icon to "Tab" field

Solving

Add icon to "Tab" field

  • Hi,
    is it possible to add an icon/dashicon to the “Tab” field?
    I’m using vertical and horizontal tabs in theme option pages, I think it is a very powerful feature to organize the fields, and I’d love to add some icons for better usability.

    thanks!

  • I’ve looked into this and the only way that I think it could be done would be to insert the markup for the icons using javascript.

  • Thanks for your quick reply!
    I think the only way would be using the “data-key” value? I’ll write some code and test it.
    Will paste it back if I succeed.

  • Yes, the ‘data-key’ value is what you want to use for targeting specific tabs. You might want to check on this document https://www.advancedcustomfields.com/resources/adding-custom-javascript-fields/ and look at the “ready” action for ACF.

  • Seems as it is possible.
    Just copy/paste HTML code of dashicon under “Field Label *”
    Tab Title <span class=”dashicons dashicons-editor-help”></span>

    or just icon without text.

    • javadth

    • January 27, 2019 at 9:29 am

    is it possible in button groups ?

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

We use cookies to offer you a better browsing experience, analyze site traffic and personalize content. Read about how we use cookies and how you can control them in our Cookie Policy. If you continue to use this site, you consent to our use of cookies.