Convert checkbox options into buttons

  • natupote
    Asked on July 20, 2016 at 5:03 PM

    Hello!, im need to create a button with the checkbox function, is posible to change the checkbox icon to a default button?

  • Mike
    Replied on July 20, 2016 at 6:50 PM

    We have a Button Checkboxes widget available. Please check it out to see if this is something you are looking for.

  • ohlerb
    Replied on July 20, 2016 at 7:03 PM

    I

    sn't there anyway just to correct the checkboxes in the form without having to add a plugin?
  • jonathan
    Replied on July 20, 2016 at 9:59 PM

    @ ohlerb

    We will resolve your issue here https://www.jotform.com/answers/887344

     

  • natupote
    Replied on July 21, 2016 at 9:40 PM

    I need a button with the same design to a default button

    the image below explains better

    Convert checkbox options into buttons Image 1 Screenshot 20

  • jonathan
    Replied on July 21, 2016 at 10:54 PM

    The Button Checkboxes default style was already similar to that of the Submit button.

    Convert checkbox options into buttons Image 1 Screenshot 20

     

    Is there a specific style you are looking for? Please let us know so we can look for the necessary CSS code needed to style the button further.

    Thanks.

  • natupote
    Replied on July 21, 2016 at 11:33 PM

    I understand, but it not is 100% similar to a default button, is possible to personalize this button to look 100% similar to a default button? a CSS code will help me a lot!

     

    Thanks

  • beril JotForm UI Developer
    Replied on July 22, 2016 at 3:54 AM

    Could you inject the CSS code below to your widget?

    .checkboxes input + label  {

    display:block;

    position: relative;

    padding-left:10px; 

    width: 170px !important;

    height: 50px !important;

    color: black;

    }

     

    If you have any question or issues, please do not hesitate contacting us. We will be glad to assist you.

  • ohlerb
    Replied on July 22, 2016 at 1:02 PM

    This is so odd that this question thread is appearing in my account. This is not my question. Not sure where it is coming from. Should I start a new ticket about this?

  • Mike
    Replied on July 22, 2016 at 1:21 PM

    @ohlerb

    The "Isn't there anyway just to correct the checkboxes in the form without having to add a plugin?" thread reply is showing up as posted from your account. If you have never posted that message, you can create a new ticket so will be able to forward this to our developers.

  • ohlerb
    Replied on July 22, 2016 at 1:59 PM

    What's happening is a mix up in the threads. I posted the original question about correcting the alignment of checkboxes (they were overlapping). I solved this issue on my own by finding the CSS feature on Jotform. --------- However,  this thread got mixed up with a thread about buttons and checkboxes. It looks like that question is by "natupote". It looks like that user is in a discussion with JotForm, but somehow two separate issues are being mingled together and the other user's question is being answered on my account.

  • victor
    Replied on July 22, 2016 at 3:08 PM

    Hi @ohlerb,

    This thread was created by the user NATUPOTE. When you first posted in the thread, my colleague created a new thread for you so you would not get confused

    https://www.jotform.com/answers/887344

    This has already been answered by my colleagues. Please follow the this thread so you do not get confused.

    We try to indicate and have a single question per user in a thread so we do not get confused, like in this case.

  • ohlerb
    Replied on July 22, 2016 at 4:00 PM

    Not to worry. I didn't get a response on my thread, but the good news is, I figured it out myself.

    :)