Responsive sizing for a Google Form
Is there a solution anyone can suggest to size an embedded google form for mobile browsers. The form is in an HTML element. I have added a link to the original form which sizes correctly but I would rather that people just be able to fill the form out on the page itself. I have played with changing the container width to 80% instead of auto at the smaller breakpoints but it just doesn't do the same job as google does with a link. The iframe code has the form dimensions as 640 px by 563 px for one form and 640 px by 1522 px for the other form. This displays great at large sizes but not so good at small sizes.
I know from researching that people are going to just suggest using webform builder and S drive which I have used before but I use so many forms in my business that even with their highest package you only get 20 forms you can post on the server. I own the webform builder and form designer but never have been able to find a simple straightforward instruction to setting up the scripts to make my forms work with google. So these are simply not an option for me.
Perhaps there is nothing that can be done but I thought I would throw it out to all of the expert users and see if there is some possible help out there. The two pages that show the forms I use are as follows: https://www.lmstest.net/contact.html and https://www.lmstest.net/memapplication.html
Thanks for any advice or feeback
I know from researching that people are going to just suggest using webform builder and S drive which I have used before but I use so many forms in my business that even with their highest package you only get 20 forms you can post on the server. I own the webform builder and form designer but never have been able to find a simple straightforward instruction to setting up the scripts to make my forms work with google. So these are simply not an option for me.
Perhaps there is nothing that can be done but I thought I would throw it out to all of the expert users and see if there is some possible help out there. The two pages that show the forms I use are as follows: https://www.lmstest.net/contact.html and https://www.lmstest.net/memapplication.html
Thanks for any advice or feeback
I know from researching that people are going to just suggest using webform builder and S drive which I have used before but I use so many forms in my business that even with their highest package you only get 20 forms you can post on the server. I own the webform builder and form designer but never have been able to find a simple straightforward instruction to setting up the scripts to make my forms work with google. So these are simply not an option for me.
Perhaps there is nothing that can be done but I thought I would throw it out to all of the expert users and see if there is some possible help out there. The two pages that show the forms I use are as follows: https://www.lmstest.net/contact.html and https://www.lmstest.net/memapplication.html
Thanks for any advice or feeback
Perhaps there is nothing that can be done but I thought I would throw it out to all of the expert users and see if there is some possible help out there. The two pages that show the forms I use are as follows: https://www.lmstest.net/contact.html and https://www.lmstest.net/memapplication.html
Thanks for any advice or feeback
You can make as many forms as you like using WebFormBuilder and then host them on your website
I can show you how to do that if you need help although it's pretty straight forward
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
Phillip Lanier wrote:
Is there a solution anyone can suggest to size an embedded google form for mobile browsers. The form is in an HTML element. I have added a link to the original form which sizes correctly but I would rather that people just be able to fill the form out on the page itself. I have played with changing the container width to 80% instead of auto at the smaller breakpoints but it just doesn't do the same job as google does with a link. The iframe code has the form dimensions as 640 px by 563 px for one form and 640 px by 1522 px for the other form. This displays great at large sizes but not so good at small sizes.
Is there a solution anyone can suggest to size an embedded google form for mobile browsers. The form is in an HTML element. I have added a link to the original form which sizes correctly but I would rather that people just be able to fill the form out on the page itself. I have played with changing the container width to 80% instead of auto at the smaller breakpoints but it just doesn't do the same job as google does with a link. The iframe code has the form dimensions as 640 px by 563 px for one form and 640 px by 1522 px for the other form. This displays great at large sizes but not so good at small sizes.
To make your google form more responsive you need set the actual HTML code to a width of 100%
Then in site designer you set the HTML element to a width of 100% (or a variation if necessary) and then a MAXIMUM width of 640px set left/right margins to auto if the element needs centering
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
Thanks WAYAN. I sent you my email information via your contact link. I would love to see your tututorial on WebFormBuilder.
I am trying to figure out changing the HTML code of the form
I am trying to figure out changing the HTML code of the form
Phillip Lanier wrote:
Thanks WAYAN. I sent you my email information via your contact link. I would love to see your tututorial on WebFormBuilder.
I am trying to figure out changing the HTML code of the form
Thanks WAYAN. I sent you my email information via your contact link. I would love to see your tututorial on WebFormBuilder.
I am trying to figure out changing the HTML code of the form
I got it, I will contact you again shortly, can you please just remind me of your location,
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.