Radio button "other option" is different style - fix?

  • igreenha
    Asked on December 22, 2017 at 11:28 AM

    I see there are multiple custom CSS solutions for matching styles for the "other option" on a radio button field. Is there a wholesale fix on the way? One of my forms relies on this pretty heavily, so it would be nice to not have to bug you for custom CSS.

  • Nik_C
    Replied on December 22, 2017 at 1:00 PM

    Unfortunately, I'm not able to change that since it is part of the theme applied and it is part of CSS styling for other option for radio field.

    I will consult my colleague that made the theme if it is possible to adjust the other radio button's style.

    We'll get back to you.

    Thank you!

  • igreenha
    Replied on December 22, 2017 at 1:43 PM

    Hello – it’s not necessarily the theme, it’s the button styles that are available other than the default. Any “Radio Button Template” that I select from the advanced design editor results in wonkiness.

  • David JotForm Support
    Replied on December 22, 2017 at 2:37 PM

    The other button does indeed not follow the styling.  There are actually a few requests open for this issue.  What you could do is hide the other button and move the text box below the other two options:

    .form-checkbox-other, .form-radio-other {
        visibility : hidden !important;
        margin-left : -18px !important;
    }

    Here is what the form would look like with the code added:

    https://form.jotform.com/73556215952966

  • igreenha
    Replied on December 27, 2017 at 8:43 AM

    Works for now! Keep me updated if this feature is added?