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

  • Profile Image
    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.

  • Profile Image
    Nik_C
    Answered on December 22, 2017 at 01: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!

  • Profile Image
    igreenha
    Answered on December 22, 2017 at 01: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.
    Ian Greenhalgh
    AV Support Center Manager
    TeamPeople @ The World Bank
    GSDPM Audio Visual
    T +1 (202) 458-8660
    E igreenhalgh@worldbank.org
    W www.worldbank.org
    //audiovisual/
    ...
  • Profile Image
    david
    Answered on December 22, 2017 at 02: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

  • Profile Image
    igreenha
    Answered on December 27, 2017 at 08:43 AM
    Works for now! Keep me updated if this feature is added?
    Best,
    Ian Greenhalgh
    AV Support Center Manager
    TeamPeople @ The World Bank
    GSDPM Audio Visual
    T +1 (202) 458-8660
    E igreenhalgh@worldbank.org
    W www.worldbank.org
    //audiovisual/
    ...