When I am editing the conditions in my form, the template is changing.

  • nzsaiorg
    Asked on March 10, 2017 at 9:15 PM

    This is changing the form dimensions and question alignment. See http://www.sathyasai.org.nz/north-shore to see what the original template was.

  • Boris
    Replied on March 11, 2017 at 10:15 AM

    I have checked your mentioned forms, and I did not see any template changes while editing conditions of the existing form.

    However, I did notice that these forms are using a different version of the Jot Theme theme:

    When I am editing the conditions in my form, the template is changing Screenshot 30

    The North Shore form uses a version of this theme from 2014, while the Botany form uses the version of the theme from 2017.

    When you re-save a form that has a theme applied to it, it will fetch the latest version of the theme when your form is re-saved. That is what happened here, and that is why your freshly edited form doesn't have the outdated version of the theme applied to it anymore.

    (Additionally, due to technical reasons, old versions of our themes are not compatible with the current version of the Form Builder or the Designer. When you re-save a form, it applies the current version of the theme to your form, which is compatible with the Form Builder so the styles can function correctly.)

    I see that the form you referenced as the original template has a transparent background, while your second form has a white background. If you want to make the main background of your form transparent, please simply apply this as your form's Form Color:

    rgba(255, 255, 255, 0)

    When I am editing the conditions in my form, the template is changing Screenshot 41

    Thank you.

  • nzsaiorg
    Replied on March 11, 2017 at 3:30 PM

    Thanks Boris.

    Is there any way of keeping the old theme if its compatible with the new form builder?

  • David JotForm Support Manager
    Replied on March 11, 2017 at 10:08 PM

    Unfortunately, old themes are not compatible with the new builder, so there is no way to keep it.

  • nzsaiorg
    Replied on March 12, 2017 at 5:17 AM

    Thank you.

    How can I make my form fit an iframe size of 444px wide by 420px high

  • Boris
    Replied on March 12, 2017 at 6:40 AM

    To make your entire form display inside such a limited space, I would recommend that you open the form for editing inside our Advanced Designer:

    When I am editing the conditions in my form, the template is changing Screenshot 50

    Once inside the Advanced Designer, follow these steps:

    1. Under Form Layout, set Form width to 444, and Input width to 214:

    When I am editing the conditions in my form, the template is changing Screenshot 61

    2. Under Line Layout, set Line spacing to zero:

    When I am editing the conditions in my form, the template is changing Screenshot 72

    3. Click on the header (Contact us), and set its text to small, while also reducing its vertical padding from 24 to 12 at most:

    When I am editing the conditions in my form, the template is changing Screenshot 83

    Please perform those steps, and your form should display small enough to be within the sizing constraints you specified. Let us know should you need further assistance.

  • nzsaiorg
    Replied on March 22, 2017 at 2:19 AM

    Hi

    I have tried this but. It looks good on preview but when embedding in an iframe it is not working. See this URL http://www.sathyasai.org.nz/henderson

    Thanks

  • Ian
    Replied on March 22, 2017 at 7:41 AM

    You need to reduce the vertical padding to fit the form in the desired space on website.

    Let us know if you still face any issue.

    When I am editing the conditions in my form, the template is changing Screenshot 20