- riverinatradiesAsked on June 29, 2015 at 04:13 AM
I'm having problems with the form on the page below. It has a number of conditions applied to it to hide/show fields.
The iframe method does not cause conflicts, but as it has a fixed height it looks awful on large screen resolutions as there is a huge amount of empty space underneath the form.
Is there another embed method I should try or is there some custom CSS I can add to my form to adjust the height according to the screen resolution ?
I would prefer a solution that doesn't involve scroll bars if possible, they look awful and are not user friendly.
- JotForm SupportWelvinAnswered on June 29, 2015 at 09:06 AM
I remember we have some workaround for the iframe method, but not sure. I'm looking into that, but for now, I think you should try the jQuery no-conflict method:
So, you have to embed the form exactly like this:
Try it and update us here for the result.
- riverinatradiesAnswered on June 29, 2015 at 06:49 PM
Tried the no conflict script as instructed but its still causing problems, mainly that the sub-menus aren't working - there are dropdown menus under the "directory" and "advertise" tabs that aren't working.
If you find the workaround for iframe please let me know!
- JotForm SupportEltonCrisAnswered on June 29, 2015 at 10:55 PM
You're right, it seems creating more conflicts.
You might want to consider popup embed or lightbox for now as we are trying to find a solution. This will also work.
- riverinatradiesAnswered on June 29, 2015 at 11:50 PM
If I were to use a popup option instead which is better? popup or lightbox?
Are they both responsive?
And I notice that the default window size for the popup option is only 700 x 500 which is quite small on a desktop. If I make it larger will it still work/adjust for smaller resolutions?
- JotForm SupportEltonCrisAnswered on June 30, 2015 at 03:44 AM
I would suggest to use popup since it would fit perfectly on mobile screens despite of any window size set on the code.
The lightbox is also good since it opens the form nicely. I think it will be displayed properly on mobile screens too.
- riverinatradiesAnswered on June 30, 2015 at 04:05 AM
ok, I've changed it to the popup method on the following page:
I think this might be a better solution anyway, as I have 3 similar forms and this saves me creating 3 pages to go with it, I can just link to them from the one page.
I have changed the size to 800 x 800 is there any way to confirm that this isn't a problem on all resolutions? As it's a popup window I can't check how I normally do with Screenfly.
Also, is there a way to make the popup display in the centre of the screen rather than top left?
Not a big deal if it isn't, just think it would look better
- riverinatradiesAnswered on June 30, 2015 at 06:11 PM
Thanks, but what about other screen resolutions on desktops?
Your code above for example to centre the popup will only work for a certain screen resolution, not all. My desktop for example has a 1920 x 1080 resolution so the above doesn't centre the popup for me. ?
- JotForm SupportjonathanAnswered on June 30, 2015 at 10:22 PM
The problem with this solution is that the user's resolution is not taken into consideration. It means that no matter what value you use for the top and left properties, the pop-up cannot always be centered on all computers.
Hope this help also. Let us know if you need further assistance on this.
- riverinatradiesAnswered on June 30, 2015 at 11:32 PM
That's fine, I just try to be a perfectionist where possible :-)
Thanks for explaining that so thoroughly
- JotForm SupportjonathanAnswered on July 01, 2015 at 12:34 AM
We're glad to be of help. =)
Feel free to contact us again anytime should you require assistance on JotForm