Select all hidden fields through a class

  • Profile Image
    jacktsai
    Asked on June 13, 2017 at 05:59 PM

    Hello,

    I'm trying to fade in all of the hidden fields when a condition is met using the following CSS code:

    .form-field-hidden{
        animation : fade 1s;
        -webkit-animation : fade 1s;
    }

    @keyframes fade {  0% { opacity: 0; } 100% { opacity: 1; }  }

    @-webkit-keyframes fade {  0% { opacity: 0; } 100% { opacity: 1; }  }

    However, because the class is removed as soon as it is shown, it can't select it. I tried to add a little script to add a necessary static class, but after researching, I have discovered that I can't insert custom scripts through the builder.

    Now, I could just select every field by the id and add the animation, but that's a little cumbersome.

    Is there some way to retain the .form-field-hidden class or make it switch to .form-field-show?

  • Profile Image
    Mike
    Answered on June 13, 2017 at 07:08 PM

    Unfortunately, we do not have access to the classes.

    You may try a .form-line class instead which is applied to every field.

    If you need any further assistance, please let us know.