Fields become corrupt when using conditional statement

Hi

I would like to setup the following scenario for my form.  I have 7 radio buttons that when one is clicked it displays a selected number of form widgets based on the conditional formatting setup.

Now i would like my form setup so all the widgets on the form are hidden on load except the radio buttons.

When the user chooses a button it loads only the selected widgets based on the conditions set.

I have done a test on this for the 'Local Move' button, but for some reason its not doing what i programmed it to do. Its displaying more widgets than its supposed to.

Also i am noticing some visual errors appearing on form from time to time. Example screenshot link below. I have to refresh the entire page just to fix it, this is not very intuitive for the end user.

http://i60.tinypic.com/24m4ztz.png

Any help here would be appreciated  :)

Thanks

Hi,

I see that the jotform is embedded using our default js embed method. What I would suggest is to use our iFrame embed method instead as that way there should not be any conflicts between the code on your website and in your jotform.

What you should do is remove this code:

<script src="http://form.jotform.co/jsform/42838586079875" type="text/javascript">

and replace it with this one:

<iframe id="42838586079875" frameborder="0" scrolling="no" style="width: 100%; border: medium none; height: 1394px;" name="42838586079875" allowtransparency="true" src="http://form.jotform.co/form/42838586079875" >

Once this is done do let us know if the conditions are working properly or if there are still some issues with it.

Also i am noticing some visual errors appearing on form from time to time. Example screenshot link below. I have to refresh the entire page just to fix it, this is not very intuitive for the end user.

The errors that you have shown in screenshot are caused when you loose the connection or when you do a lot of refreshing on a page where there are many things to load. What I would suggest is to click on the preview button and then click to open it in a new tab. You would get a link to your jotform opened in a new tab http://form.jotform.co/form/42838586079875 which should help with this.

The reason why it happens is that browsers will try to keep a cached version of your code to make them seem faster, which in turn after several tries can lead to some of the fields to get 'corrupted' and is also something web designers/developers see, but 'regular people' visiting the page do not. :)

Do let us know how it goes once you embed the jotform with iFrame method.

Best Regards,
Ben

thanks for the reply

i did what u suggested regarding the iframe.

it seems that it hasnt fixed the correupted input fields issue. see screenshot link below

http://gyazo.com/67b71c37ce7372208d4bedc84e4ca01e

also the conditional logic i have applied to the 'Local Move' button inst working as expected.

on form load i want to hide all the form widgets except the Radio buttons widget. that currently is not happening.

http://best-quote-removals.webflow.com/

Hi,

Can you please try testing also using the jotform direct URL http://www.jotform.co/form/42838586079875

Update us if the issue reported is also happening while using the form URL.

I currently could not replicate the issue yet on my end.

on the website

We will wait for your updated response.

Thanks.

hi 

please refer to the gif link below showcasing the issue i am having.

http://gyazo.com/eda4305ed105bb264c6755d66e984311

this happens on both the direct jotform link and also on my website.  Mind you it doesnt happen everytime, just like every 2nd time or so.

Thank you for providing a details showcase on how to reproduce the issue.

I was able to replicate the issue on my end by following the interactive image you provided.

I am suspecting that this was being caused by a SHOW/HIDE conditional statement on the jotform.

I would like to test first on a clone form that do not have such conditional statement. 

I will check if the same rendering failure will occur if the it does not have conditional Show/Hide rules.

Thanks.

hi

i have decided to get rid of those three input boxes that were causing issues, and replaced them with standard text input boxes.  I dont get that problem anymore, for now at least.