Forum Discussion

MikeKlausing's avatar
MikeKlausing
Qrew Assistant Captain
5 years ago

IOL code

Does anybody know what syntax I should be using to get rid of the white spacing between my fields when using IOL to create grey borders/backgrounds?  This picture is what I have so far but dont want the white gaps. 


------------------------------
Mike Klausing
------------------------------
APIs and custom code

5 Replies

Sort By
  • RyanStanford1's avatar
    RyanStanford1
    Qrew Captain
    5 years ago
    Do you want the background of the entire form to be gray?

    What you need to do is, find what the parent node is that you want to cover. These individual checkboxes are in some element that envelopes them. You need to change the background of that parent element to match the background color.

    If you have a section enveloping them, a use could be something like:

    $(".sectionDiv.expanded").css("background-color", "red")

    Keep in mind, this case would find all of the sections that are expanded...

    But there's a way to select one element from these with notation such as:

    $($(".sectionDiv.expanded")[0]).css("background-color", "red")



    ------------------------------
    Ryan Stanford
    ------------------------------
    • MikeKlausing's avatar
      MikeKlausing
      Qrew Assistant Captain
      5 years ago

      I want to create sections which I'm close to. I just really need to get rid of the white spacing and I can get the border radius' and widths taken care of from there. But basically I want the blue outlined areas in this picture to be one grey box to create a section that looks seamless.

       

       

      Thank you,
      Mike Klausing

       



      ------Original Message------

      Do you want the background of the entire form to be gray?

      What you need to do is, find what the parent node is that you want to cover. These individual checkboxes are in some element that envelopes them. You need to change the background of that parent element to match the background color.

      If you have a section enveloping them, a use could be something like:

      $(".sectionDiv.expanded").css("background-color", "red")

      Keep in mind, this case would find all of the sections that are expanded...

      But there's a way to select one element from these with notation such as:

      $($(".sectionDiv.expanded")[0]).css("background-color", "red")



      ------------------------------
      Ryan Stanford
      ------------------------------
      • RyanStanford1's avatar
        RyanStanford1
        Qrew Captain
        5 years ago
        This might get you closer... I'll be honest most of my expertise is in automating work flows, not CSS/HTML manipulation...

        $($(".sectionDiv.expanded").children()[1]).css("background-color", "red")

        ------------------------------
        Ryan Stanford
        ------------------------------
  • MikeKlausing's avatar
    MikeKlausing
    Qrew Assistant Captain
    5 years ago

    I haven't got that to work completely yet, but it has got me a little farther. I will continue to work on this and post what syntax works for me.

    Thanks!

     

    Thank you,
    Mike Klausing

     



    ------Original Message------

    Does anybody know what syntax I should be using to get rid of the white spacing between my fields when using IOL to create grey borders/backgrounds?  This picture is what I have so far but dont want the white gaps. 


    ------------------------------
    Mike Klausing
    ------------------------------
    • EverettPatterso's avatar
      EverettPatterso
      Qrew Captain
      5 years ago
      You are targeting the div by class, instead target the table by ID within the div

      $("#sect_s1").css("background-color","red");​
      ​​

      ------------------------------
      Everett Patterson
      ------------------------------