Duplicate checkboxes and radio buttons

  • Resolved zeno001

    (@zeno001)


    2 years, 5 months ago

    This seems to be something new – perhaps introduced at a recent update?

    The checkboxes seem to have a duplicate unordered list checkbox element behind but slightly above them – the bullet graphic (a blue dot) can be seen.

    Any idea what has changed and how to fix this?

    Note that I added this additional CSS a few years ago that shifts the checkboxes up 1 px as the bottom of the box wasn’t showing but removing this makes no difference to the duplicates issue:

    /* fixes issue with bottom of tick boxes in ninja forms hidden by moving them up 1 px */
.checkbox-wrap .nf-field-element label, .checkbox-wrap .nf-field-label label, .listcheckbox-wrap .nf-field-element label, .listcheckbox-wrap .nf-field-label label {
    bottom: 1px;
}

    Thanks.

    Alan

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Support Curtis

    (@curtisbrownlee)

    I’m sorry to hear that you are experiencing this.

    If you would, can you reach out to our support team here so that we could take a closer look at the issue that is occurring?:
    https://ninjaforms.com/contact/

    There, we offer support free support directly to our Ninja Forms users with significantly more privacy and a faster response time.

    Thread Starter zeno001

    (@zeno001)

    Thanks! Will do.

    @curtisbrownlee I have the same problem. The radio buttons are now two below each other: A small radio button, above it a bigger radio button. If you activate one of them, the other one is activated automatically. Must be due to a recent update. So I can confirm the problem – but don’t want to report it in another forum.

    Thread Starter zeno001

    (@zeno001)

    Hi @dajanas

    I was able to resolve the issue by adding this CSS:

    .nf-form-content input[type=radio].ninja-forms-field {
    display: none;
    }

    But whether this works or not for you may depend on your template. I can make some simple CSS tweaks so not an expert but I can see basically what this is doing – hiding some of the form elements.

    Perhaps give that a try?

    And yes, it’s clearly something that has changed in the last or last-but-one version of Ninja Forms.

    @zeno001 This is not a solution. It cannot be the solution to hide ?a bug“ by just using CSS to hide it with display: none.

    This has to be fixed by the plugin authors.

    I have the same issue since latest update.
    …radiobuttons are suddenly double.
    Is this a confirmed bug? and is there a fix?
    I see this is marked as resolved.

    Thanks!

    Why is this marked as “resolved”? Really? Because of a “display: none” to just “hide” the problem? Are you serious!??!

    Probably still not the final solution, but I found another workaround:
    – Ninja Forms > settings > scroll down to “styles” > set “style = none” (instead of light or dark)

    Now all the double radio-button elements disappear…the problem is all styles are disabled as well. So now you need to style your form completly custom. Kind of tricky work, but at least the double elements are gone.

    ericsiegert

    (@ericsiegert)

    Is this issue connected to apple devices? I can’t see doubled radio buttons on android, but on apple devices. There I have a second set of radio buttons directly behind the other ones. -.-

    Any solution to that?

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Duplicate checkboxes and radio buttons’ is closed to new replies.