How to remove empty Text fields, which are shown on form preview only?

  • BrentLamborn
    Asked on May 15, 2018 at 1:33 PM

    A user in my company is trying to create form for people to upload photos. Right now there is an untenable amount of white space between the email and photo title entries on the form and I am unable to determine why. There are no elements like a div between those two field and the white space padding has already been minimized. The issue is only between those two fields. Can someone explain this?

  • aubreybourke
    Replied on May 15, 2018 at 2:45 PM

    It seems there is a text field between the two elements. You can select it and delete it. 

    Like this:

    1526409899staticText Screenshot 10

  • BrentLamborn
    Replied on May 16, 2018 at 12:46 AM

    Aubrey,


    The issue is between the email and photo title field. I can not see any element between them but the large white space between the fields still exist when previewing the form, just not when looking at it in the form builder.

    Please advise.

  • Victoria_K
    Replied on May 16, 2018 at 7:02 AM

    Hello,

    The issue seems to be THEME related. As I could not find an option to remove those clear elements with current settings of your form, I have injected custom css code to get rid of them. Here is the code: 

    1526468407screenshot64zbt Screenshot 10

    1526468507screenshotu7mnk Screenshot 21

    The form looks fine for me through preview and direct URL. Can you please if everything works properly now?

    Thank you.

  • Victoria_K
    Replied on May 16, 2018 at 7:26 AM

    An update: 

    You can remove those fields using our Field Manager tool: http://fieldmanager.jotform.io

    1526469946screenshotiaab5 Screenshot 10

  • BrentLamborn
    Replied on May 16, 2018 at 8:53 AM

    Thank you Victoria! After removing the clear elements in Field Manager (great tool by the way) the white space no longer shows in preview.


    Thanks!