How to add icons to checkboxes?

Lufrutta
Home / Meta Box Builder / How to add icons to checkboxes?

Custom Fields
Re-Envisioned › Support › Meta Box Builder › How to add icons to checkboxes?

  • Creator
    Topic
  • October 21, 2016 at 2:46 AM #4349
    Resolved Lufrutta
    Participant

    I made a long checkbox_list with the Meta Box Builder plugin. Is there a possibility to add a different icon in front of each checkbox or instead of the label of the cb?

  • Creator
    Topic
Viewing 3 replies - 1 through 3 (of 3 total)
  • Author
    Replies
  • October 21, 2016 at 2:29 PM #4350
    Anh Tran
    Keymaster

    Hi,

    I think the only way to do that is using custom CSS, something like this:

    input[type="checkbox"][value="xxx"] {
    background: url(image.jpg);
}

    By default, the plugin outputs the checkbox only and CSS is the only way I think can resolve this.

    Edit: Sorry, I was thinking about normal checkbox fields built without the Builder. I think the Builder don't have such feature.

    October 23, 2016 at 7:24 PM #4358
    Lufrutta
    Participant

    CSS does not work. The code seems to be OK but will not be rendered in the backend. So I set it within the label field of the Buider and it worked. Not really professional, isn't it?

    Metabox Builder
    Backend

    October 24, 2016 at 2:46 PM #4362
    Anh Tran
    Keymaster

    That also works :). Remember to strip_tags on the frontend when you retrieve the meta value 🙂

  • Author
    Replies
Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.