The advanced editor changes are not saving in the Form

  • Profile Image
    danielmgerson
    Asked on August 06, 2019 at 09:15 PM

    * Choose the "Lime Theme Contact Us Form".

    * Preview the theme on mobile mode in portrait. Note that it is centre aligned with equidistant padding on left and right sides of the form. This is correct.

    * Edit the form in advanced editor.

    * Make an arbitrary change like select the submit button and change the corners to square from rounded.

    * Save the changes of the editor.

    * Preview the form for mobile in portrait mode.

    Expectation:

    Still equidistant gaps on either side of the form.

    Actual result:

    The left hand side gap has disappeared!

    Note that no such problem appears in landscape orientation.

  • Profile Image
    roneet
    Answered on August 06, 2019 at 10:40 PM

    Some of the templates requires custom CSS injection.

    Let me check if injecting the custom CSS fixes the issue.

    Thanks.

  • Profile Image
    roneet
    Answered on August 06, 2019 at 10:54 PM

    I have injected the following CSS in the Form which seems to have fixed the issue:

    @media screen and (max-width: 480px), screen and (max-device-width: 767px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape) {
    .jotform-form {

     padding-left: 12px !important;
    }
    }

    Let us know if you have further questions.

    Thanks.