- exotichealthAsked on February 07, 2015 at 11:22 PM
How is it possible to open a Jotfom to Full Screen and Centered?
- JotForm SupportSeanAnswered on February 08, 2015 at 09:08 AM
If I am not mistaken, you are referring to a Lightbox form that loads in full screen with the form displayed in the middle. Yes this is possible and if you follow the instructions in this guide it should provide all the steps necessary to get this done. Do let us know if further assistance is needed. We are always willing to help out.
- exoticmedicalAnswered on February 08, 2015 at 02:20 PM
Thanks, It can not be a lightbox as the pop-up can only be accessed via a link. I wish I could just use a lightbox, but there is nowhere I can copy the code in my particular application. Therefore a pop-up box seems to be the only solution.
- JotForm SupportSeanAnswered on February 08, 2015 at 04:13 PM
Is it possible for you to provide an example of what you are referring to as a pop-up? Are you referring to a pop-up window that would automatically open when a webpage is visited? I would also like to take a look at the webpage that you are working on to see if we can evaluate it also. That way we will have enough information to come up with a solution to your inquiry. We will await your response.
- exoticmedicalAnswered on February 09, 2015 at 11:42 AM
I'm including a link to what I mean by pop-up.
This is for a pop-up that would only open when clicked through a button.
Is it possible to have these type of pop-ups open up to full screen and centered?
- bkljaicAnswered on February 09, 2015 at 12:22 PM
Like exoticmedical mentioned if you want to include pop-up form to be open full screen and centered first you need to create pop-up form. Steps for doing that are:
1. Inside of JotForm Builder click on Embed Form
2. When you choose Pop-up form you will get link to form
Inside of link there is Java Script code which you need to place on you web page:
To enable that your pop up form is centered and on full screen please try to change original code with this
Please see that I removed some parameters from original code and place other one. This new parameters will open your form like you want.
Note also - URL of form is representing one of my test form.
Hope this will help.
- CharlieAnswered on February 09, 2015 at 01:28 PM
You can try the guide given by bkljaic above, you just need to edit the embed form code for your pop-up here:
Although, please do take note that this is dependent on how the browser will perform the action, we are using the default command window.open here, Mozilla might provide a full screen while IE may not.
I would suggest using the Lightbox or the Feedback embed code, this will give you a fixed position of a pop-up like effect in the actual screen rather than opening a new window.
I hope this helps.
- exoticdentalAnswered on February 09, 2015 at 03:00 PM
Thank you both for your help! For some reason it opens the link to a small size.
I have to place this link as a URL in a button field that I have no back end access to.
In order to get that URL I have to go around the code.
And then copy the link url
So the only link that I can use is stripped of the beginning target="_blank" href=" and end ">Test Form code. This is the posrtion of the code that I get when I go to copy the link url.
I wish I could use all the Java Script code and just place it on my web page, but I'm limited by the url button box of the wordpress theme that I'm using.
Currently, I can set the height and width to whatever I want, but would still like to have it open full screen and centered.
If it isn't possible to have this link be full screen and centered, is it possible to turn the lightbox code into a link?
- exotichealthAnswered on February 09, 2015 at 04:27 PM
How can I remove the private from my previous message.
- JotForm SupportMikeAnswered on February 09, 2015 at 04:55 PM
- exoticdentalAnswered on February 09, 2015 at 06:35 PM
Thank you, I just contacted my Theme's developers and asked them if I can load a lightbox directly from the buy now button.
The pop-up url that I'm using works perfectly (loading straight from the url) and I have all of the control to adjust the height and width of the same popup.
The original code that bkljaic provided should in my opinion at least Full size the popup, since it's supposed to just replace the width and height with full screen instead.
Why would you say that this link can not be set to open at full screen without extra script injections, when the original popup link opens perfectly. Could the link be in any way modified to make it open at full screen? Maybe just a question of moving a comma a space or deleting a space altogether.
Can you please take another look at the pop-up url provided to see if we're missing anything else that could be added or taken away.
- JotForm SupportjonathanAnswered on February 09, 2015 at 07:04 PM
Why would you say that this link can not be set to open at full screen without extra script injections, when the original popup link opens perfectly. Could the link be in any way modified to make it open at full screen?
Just to clarify, using only the link of the form will not be able use the other script parameter. Example, this is the link to your form. As you can see it will only open the form on the browser.
What our colleague Mike_T meant was, the form should be embedded on your website page including its other injected script.
What you were trying to do here
is just similar to using the direct link of the form.. this is not the embed script.
You need to use the actual embed script and embed it on your website page.
Are you not able to use the embed script on your Wordpress page? Please tell us why you could not embed the form your WP page, and we will check for a solution that can work for you.