Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • towchow23 3 posts 33 karma points
    Aug 31, 2020 @ 19:53
    towchow23
    0

    css not working due to input and label placement

    Hello, I am fairly new to the tech scene, so please excuse my lack of knowledge.

    My css for Radio buttons and checkboxes do not appear on IE. I understand the solution is to, in short, target the Label element instead of the Input element.

    However the styles for ":checked" and ":unchecked" do not work because when the form renders, "input" tags are placed inside of "label" tags (radio buttons) or after "label" tags (checkboxes). Ref: https://stackoverflow.com/questions/37843290/css-before-not-working-in-ie11

    1. Shouldn't the standard be that "input" tags are placed before "label" tags?

    2. If so, I have been unsuccessful in making that change. Do I need grunt to compile after making changes to 'responsive.plain-javascript.js'?

    3. Cannot tell what version of formulate I am using either. Can this be resolved by simply updating the package?

    Appreciate any and all help.

  • Nicholas Westby 2054 posts 7100 karma points c-trib
    Aug 31, 2020 @ 19:57
    Nicholas Westby
    100

    I'm having some trouble reading your question, as the forum seems to be actually rendering your markup. You can escape markup in this forum with a backtick character.

    In any event, I think the general sense I get is that you are asking about why labels and fields appear in the order that they do. Hopefully this answers that question, and provides some guidance about what to do about it: https://github.com/rhythmagency/formulate/releases/tag/v3.2.1

  • towchow23 3 posts 33 karma points
    Aug 31, 2020 @ 20:52
    towchow23
    0

    Thanks Nicholas, appreciate the quick and intuitive response.

    Are you aware if updating the version will cause any of the custom classes to be overridden?

  • Nicholas Westby 2054 posts 7100 karma points c-trib
    Aug 31, 2020 @ 22:06
    Nicholas Westby
    0

    Hard to answer that. I'm not sure which custom classes you are referring to. I'm also not sure what you mean by classes (e.g., CSS class names, C# classes, JavaScript classes, etc.). And I'm not sure which version you're on and which you plan to upgrade to.

  • towchow23 3 posts 33 karma points
    Sep 01, 2020 @ 13:01
    towchow23
    0

    Excuse me, I am speaking of CSS classes. But I understand that's something I can figure out.

    Thanks for your help!

  • Nicholas Westby 2054 posts 7100 karma points c-trib
    Sep 02, 2020 @ 14:58
    Nicholas Westby
    0

    Cool, happy to hear you've got it from here.

Please Sign in or register to post replies

Write your reply to:

Draft