Google Forms Advanced (Custom Design with CSS) 2020
Тәжірибелік нұсқаулар және стиль
GITHUB REPOS:
github.com/machieajones This is an updated video on how to create a custom Google form and apply your own HTML & CSS.
🔔 Please hit subscribe if you enjoyed this video - it really supports the channel:
bit.ly/2GbNa0A
LET'S CONNECT
📸 Instagram - / _adamthedev
💼 LinkedIn - / adamthedev
Пікірлер: 193
Great work Adam. The form look great and simple to understand.
@adamthedev
4 жыл бұрын
Glad you liked it! Thanks for your comment :)
Superb Video searching for the solution for hours finally landed on this one Thank You BOSS!!!
Thanks for this video! Soooo awesome! Do you have any advice on creating question types that google forms does not support and saving it in sheets? I'm looking to create a question that has multiple answers that the user can specify (with text) amounts of each answer (google forms does not have this capability) and then hopefully save that information to the same google sheet as the rest of the survey questions!
TO FIND HIDDEN FIELDS. Watch my new video: kzread.info/dash/bejne/YqmY2ZKnn8-cgNI.html
Thanks for this... Very helpful... Please make a separate video on how to handle dates. because i notice inputs for dd, mm, and yyyy are seperated. with different names. how can I handle that in html?
This is a great video. Could you guide me on how I could show a custom html page as output, once an embedded google form (google form embedded into HTML) is submitted?
Hello, When I try to inspect the element I did not find any name option! Any suggesction?
@ivanguk7156
2 жыл бұрын
Ctrl + F find the
Great Video, We can probably style the Submited page also. But how do we link both pages?
This video is amazing, Thanks a lot
This was an awesome tutorial... Unfortunately, Google will now block the form for a terms of service violation if you use this method now. I was very disappointed, I wanted to avoid using WP selection of forms.
@freelancingartisan
11 ай бұрын
Thanks for posting the up-to-date status of this method.. 👍
@mastersg7
4 ай бұрын
What you mean? It doesnt accept applying own HTML and CSS anymore?
Hello. Do you know how I would submit a pre-populated entry on a google form on a website? Example: User types in a question into a form, then when clicking submit, it also submits their name into another form entry. I have the question and submit code working properly, but can't figure out how to pre-populate the 2nd form entry. Only the 'Question' form would be visible on the website, and the name would not be visible, but would show up in the form when submitted.
Hi, thank you for this, you are awesome. may I ask if I were to refresh the html page, how do I prevent it from going into the google form's form?
awesome video adam, really helped a lot, but even after hitting send/ submit its redirecting to google response, can change this.?
Great video, but can this be done if the form has sections?
Thank you. Very helpful 👍🏻
Found it very helpful Thanks
thank you for your effort it s very helpful
duuude you're mad good
Thanks so much for this!
@adamthedev
4 жыл бұрын
Doreen Aveni no problem 😀
Can you use an html editor to add hyperlink-embedded text into Google Form questions?
I see that this html file is on your local machine. How do you make it such that you can share the form to other people to fill in like a google form link?
unbelievably advanced
I can't find “name” attribute while inspecting input elements of google form.
can your form also contains file upload item?
This is super helpful. DO you have any suggestion on how to do 3, 4 or more radio button. When I create 3 or more the form don't want to accept it for some reason. And I wanted to do a checklist, but have the same issue. I want to give people 5-7 options for both checkbox and radio buttons, but google form just give me error like"The question has changed. Please review your response." and I don't know whyyyy. Pls helpppppp
Great video mate, straight to the point and really helpfull, you're a craftman of this thing, cheers. I have a question, can I embeded on a google site somehow?
@dariawalbanget4043
Жыл бұрын
Yes, I can.
@dariawalbanget4043
Жыл бұрын
@@joshuasweetman1863 for example if you want to show form you build using custom html or reside in another site, you cust copy the link and put it on your google site (insert->embed )
would this process work for multi page forms with question logic ?
damn, didn't knew about it. cool
How to auto styling inputs in G sheets because it write in agley format
Anyone know how to make my row descriptions quit truncating when using the Checkbox Grid? I'd like to make the overall form wide enough, or cause the text in each row to wrap.
hey thanks for this amazing video can you please share resources that you referred for making this i want to remove the success after submission page i was searching form a long but unable to find
Good job 💪🏻
Hi guys. It's a way to get a form working. Just wanted to ask if spam can be fought off with some way. Can you add a captcha or honey pot. I don't like the redirect on submit either.
For anyone having trouble finding the fields: 1. Populate all fields in the form 2. Search the DOM (in the developer tools, using CMD + F) for either the content you've entered or for: "entry. 3. You should see the hidden fields that have been populated with your content. Use these names as your 'name' property I'm guessing Google is using JS to populate hidden fields.
@Balagopal_Melemadathil
4 жыл бұрын
I tried using the "jsname" but it is not working.Can you please help me with it?
@miguentss
4 жыл бұрын
@@Balagopal_Melemadathil the name inputs are hidden, you can inspect the form and search in console (entry)
@northbayjoe
4 жыл бұрын
@adamthedev can you be a bit more specific or possibly create a short video on where to find the input names now? I am having a hard time finding where they hid them now. Appreciate the work you do.
@northbayjoe
4 жыл бұрын
Scratch that.. I was able to find it. I think what people are not doing is using the right search feature in the console. People need to be sure that they are searching Command (control) + F. Not sure why they decided to hide them like this but at least they can be found.
@adamthedev
4 жыл бұрын
@@northbayjoe Thanks man. I've updated to make it more clear.
really nice
can we use this type of form multiple times to submit data ??
thank you for the video. my question is : this is a local file(form) how do you shared/send to others to fill the form? like google forms? or your intension is embed in a website
@adamthedev
4 жыл бұрын
You will need to host your page on a web server... There are plenty of free hosting providers (or you could use something like GitHub Pages)
I am getting "TypeError: Failed to fetch' error as i submit the google form through an HTML page. Adm, can you please tell what could be the issue. Thank you !
Is this only work in my PC or same working when open with link from any PC ?????
great video! quick question, how can I customize the thank you page so it can redirect to my domain?
@francescoguaiana4820
3 жыл бұрын
Can you share us your solution pls?
@31Tizi
3 жыл бұрын
I had the same issue today. This is kind of a workaround that worked for me. // var submitted=false;
Hi Adam thanks for the importants tips and information explaining editing google form style I have a little issue in this... is it possible to redirect user to a custom link when submit the form? best regard
@francescoguaiana4820
3 жыл бұрын
Did you find a solution to the last line?
thanx , how to add many rows with one submit
Hello brother, I couldn't find the name and mail id in the inspect element which I have to paste in my Html form. What to do?please
Hey brother can ya please make a tutorial like this one only but in this we should select the answer.. but in that the teacher should give some questions and we have the blank space to write the answer.. and yeah after submission teacher should know who scored how much marks ... please can you make it?
I wish my teachers make something like this when we use google forms
@adamthedev
4 жыл бұрын
Haha, maybe you can build it and show them??
@decryptroblox
4 жыл бұрын
adamthedev lol today was the last day of school, I’m 12 and you inspired me to make my own website. I’m currently working on a Covid tracker using react.js. Thanks 😊.
@adamthedev
4 жыл бұрын
Wow!! that’s impressive that you’re interested in building websites and react already! Keep up the good work and no doubt you’ll be a pro soon 💪 And thanks for saying that I inspired you 👍👍
Hi, great !! how to avoid a form attack using your google form ?
How if the Google form containing multiple pages.?
Hi Adam, really great video, however how after submit I have two options edit the form and submit another response, is there any way I can customise this i.e. bring submit another response before edit response option ?
@FaruqTheAnalyst
3 жыл бұрын
You can remove that from the settings of your google form.
It does not work! It directs me to the form but does not submit, it takes me directly to the Google Forms form filled in, but without submitting.
شكرا لك
Hello, How to make google form in which after clicking on submit botton user will be automatically redirected to my website URL.
Thank you for the tutorial. Can you please tell me how to redirect to the custom "THANK YOU" page after submission?
@roydigitalworld5230
Жыл бұрын
you can add using jQuery
Hi, I have managed to complete the steps, when submiting the form it says it's not possible to open the file, to check the address.. do you know why? I've shared the file in the drive for anybody with the link to be able to see it, and as far as I'm aware the code is all well written..
Can this be embeded to google sites?
Great video. Good pace too. I wanted to know if you can redirect the form once it's submitted to a custom thank you page. Does this work in 2021? I am inspecting the google form and I don't see any reference to "name=" for the name input field.
@LuisDionisioFernandes
2 жыл бұрын
Same problem here!
@roydigitalworld5230
Жыл бұрын
yes you can add custom page and custom alert box also
Thanks very helpful. One question though, what about if one of the field is "upload a file" ? How do you manage to use the window of Google form to upload the file and have them go in your drive ?
@adamthedev
3 жыл бұрын
I will look into this and see if I can find a solution. Sorry for the late reply.
@lanzuno602
3 жыл бұрын
@@adamthedev Hi looking forward to the field with "upload a file" and also for the field with "date"
@Sidoel_h
2 жыл бұрын
Have you found a solution to upload files to Google Forms? i have same problem too thanks
@JinaneKarhani
2 жыл бұрын
@@Sidoel_h Any solution sir? i am getting this error when the UPLOAD option is added - : "some questions still need some attention" even though I made a form with only this question (file upload)"
The issue i had was that it requires users that send to sign in to their google account instead of sending the form.
I can't find any name value of my from! how can I get the name value?
Is the repo deleted? I can't find the gform repo
how about image? is it also using entry.1010101010?
What if we want to upload an image?
Thank you for your video, I can't find the entry name for a short answer, there is a alternative to call this field?
@davidurrego9538
3 жыл бұрын
I found the solution, go to Get pre-filled link, in this page you can see all the name entry values.
@recklessarts
3 жыл бұрын
@@davidurrego9538 Thanks a ton! It worked.
@miguel.oviedo
2 жыл бұрын
@@davidurrego9538 works in Agu 2021
How do I prevent the original google form from showing up right after I click send message?
SO SICK DUDE!
Nice tutorial adam Can you make tutorial edit style css after submission google form or redirect button submit to another page ?
@adamthedev
3 жыл бұрын
Sure, I will do this video for my next Google form vid!
@tony4512
3 жыл бұрын
@@adamthedev This would be awesome!!!
@francescoguaiana4820
3 жыл бұрын
@@tony4512 Did you find a solution for that?
@tony4512
3 жыл бұрын
@@francescoguaiana4820 No I have not, there are a few video out that but I was not able to follow them to be successful. Have you found a solution?
I can't find the name of input!! Help me! There is no name attribute only aria-label and jsname!
there´s an option in google form which allow you collect email address, how to get it and show it in the html. Thanks for your help!
@adamthedev
3 жыл бұрын
I've just made a new video showing how to find the hidden fields: kzread.info/dash/bejne/YqmY2ZKnn8-cgNI.html :) Hope this answers your question
how can i upload a file ? thankss
Hi Adam, I'm trying to input datetime field entry in my project, when I inspect the google form page it shows multiple name entries for day, month, year, hours etc.. When I view the index.html page on my end it does not give me multiple inputs to match it with the form. Any suggestions??
@swethasureshr
3 жыл бұрын
I guess u can use this code in HTML page for date month and year JanuaryFebruaryMarchAprilMayJuneJulyAugustSeptemberOctoberNovemberDecember 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029
@joselaiza2586
3 жыл бұрын
for multiple entries only use the common entry that will appear in the name
Hi! Thank you so much for this! Can you please post a 2022 update. It looks like name is being hidden now. For example, now only the following appear: . name no longer showing. Love your content. Gracias!
@perseusga
2 жыл бұрын
It's actually there. I just used them on my project.
Sir please teach about how to add file upload system. really urgent for me. Please!
@AV-if7wy
3 жыл бұрын
I bet! you want that option free like many lol
Hi. The name="entry..." doesn't appear
The form html code is different now. Need update!
And how to does the same for a form with file upload
@Sidoel_h
2 жыл бұрын
yes i have same problem too
Hi! I'm new to this, I'm studying this because I need it for work. Can I also do this using google app script?
@maheshvenkat9256
Жыл бұрын
yes
I dont see a thing called name in the inspect menu..
@heysingh6941
3 жыл бұрын
Did you find any solution
How to deploy your custom Google Forms ?
Is it possible to have this upload an image?
@adamthedev
4 жыл бұрын
I haven't tried this yet. I guess it should be, using type="file" although you'd need to make sure that your validation aligns with Googles or the file may get rejected and it'll throw an error. I'll try it out
The CSS wont work for me
How to customize the thank you page?
@roydigitalworld5230
Жыл бұрын
using jQuery you can add custom thank you page and alert box as well
I'm following the instruction in the comments and still cannot field the field names to enter into the code. Anyone have any idea?
@christiankasilag4808
4 жыл бұрын
I am also not able to find the name fields as shown. Specifically the name="emailAddress" and name="entry.1239871232" etc. fields. Any chance google's HTML changed in the last few months?
@VictorVankov
3 жыл бұрын
I see that Google was changed structure of forms
I think the html and css for form data to submit in google forms is very easy the main point is if user after submitting data refered to the Google page So Thats not helpful.. Tell the method to Show the Users message (your message hass been successfully sent) on the Same page Or own page not To refer to Google..
Good. But this don't work anymore T-T.... Google replaced the names for new jsname that only works with a complicated js to copy.
how to stop redirect to response page after submission
@adamthedev
4 жыл бұрын
gag koool I’m not sure it’s possible. I’ve tried using Ajax to send the request but they have CORS disabled. I'll look into it more as there may be a way
@wendyeatworld
4 жыл бұрын
Not sure if you still need this, but my work around was creating a thank-you.html page that simply said thanks for submitting. And I also included a button to link back to the home page. But I added the following line right above the section we would add the form action link: var submitted=false;
@danielhecko3877
3 жыл бұрын
@@wendyeatworld Great advice, thank you. Just copying your code didn't work for me. You have to also edit your form's target and onsubmit(target="hidden_" onsubmit="submitted=true;"). There is all info needed: stackoverflow.com/questions/6077054/old-google-form-redirect-after-submission
after submitting, it should be stick to form page. Anyone know how to do it??
@adamthedev
3 жыл бұрын
I will look into this today!
@vedpalvaidya2448
3 жыл бұрын
@@adamthedev I got the solution, Thank you!!
@ziyasayed896
2 жыл бұрын
You should have shared it
Sir I'll just appriciate if you could help me out. It's really urgent. may be in 5hours i have to do it. it's my client's project.! I need to add file upload feature but can't find!
@adamthedev
4 жыл бұрын
developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file this may help
@meetmeer
4 жыл бұрын
@@adamthedev sir i know these stuff but google use their custom input field for uploading file
pls give me the html source :(
Is there any way to redirect to my website after link submit?
@francescoguaiana4820
3 жыл бұрын
did you find a solution for that?
@DhimanDa
3 жыл бұрын
@@francescoguaiana4820 no
@Sidoel_h
2 жыл бұрын
i have solution
@DhimanDa
2 жыл бұрын
@@Sidoel_h Share please
not able to find the name fields as shown, only "jsname" so this way isn't work actually (04 sep 20)
@VictorVankov
3 жыл бұрын
but "entry.######" stored in some js script block
@iklimbov1
3 жыл бұрын
@@VictorVankov I cannot find "entry.######" at all. What did you find it? Thank you!
@iklimbov1
3 жыл бұрын
@@VictorVankov Oh, fount it. What a pain!
@VictorVankov
3 жыл бұрын
@@iklimbov1 cmd/ctrl+F but i think now it handled by JS so need another clue
@iklimbov1
3 жыл бұрын
@@VictorVankov I was able to get the fields by doing the following. Fill in the form's fields. Click anywhere on the form and go "inspect". In the Elements tab press ctrl+f. Search for "entry."
Does this still works?
@MozzysHuman
Жыл бұрын
Technically Yes... But Google will disable the form after submitting to it.
hello, how do I make this work once i've uploaded it to a domain? it works when im coding it and checking it through the live server, but once it's uploaded, the results don't appear in google forms/sheets :( pls help
@adamthedev
4 жыл бұрын
That's strange. Open up your Google Chrome developer tools, click send and check there aren't any errors
i am not able to send the data of the radio button inputs! please help
I couldn't find the entry for my form
@mparijatchandra1537
4 жыл бұрын
forms.gle/xwkAkQjVgpueBKHY7 this is my url
@abagaelshrader8483
4 жыл бұрын
@@mparijatchandra1537 I had the same problem - cmd f to search for "entry" - they're listed at the bottom in order of your form.
@bhagyamsfirejourney
4 жыл бұрын
@@abagaelshrader8483 sorry I didn't get that could you please elaborate
@abagaelshrader8483
4 жыл бұрын
@@bhagyamsfirejourney The "entry.8940328950" is no longer listed up with the code (at least it wasn't in my browser), like the video says above. They were listed as a group of entries down at the bottom of the HTML file (e.g. 4 boxes to enter locations = 4 (entry.4934208) codes located near the bottom of the HTML file. To find that, just search (cmd f) the word "entry".
@christiankasilag4808
4 жыл бұрын
@@abagaelshrader8483 Awesome! Thank you!
how come I can't find the entry name?
@adamthedev
4 жыл бұрын
Kelly what type of field is it?
@shaliqmohammed1599
4 жыл бұрын
The same problem 🙁
@adamthedev
4 жыл бұрын
@@shaliqmohammed1599 What type of field is it?
@shaliqmohammed1599
4 жыл бұрын
Name, email...
@shaliqmohammed1599
4 жыл бұрын
Short answer text, long answer text
Now i didn't find entry number
@adamthedev
4 жыл бұрын
Please read pinned comment
@vinayairamathota6304
4 жыл бұрын
ok bro i go another way to find entry number
@adamthedev
4 жыл бұрын
@@vinayairamathota6304 Nice! How did you do it?
Thank you for this tutorial! The attribute "name" in the HTML of Form is no longer present. Can you please update the content?
@matg795
21 күн бұрын
do you found a solution ?
@marvintolentino4360
18 күн бұрын
@@matg795 No because Google no longer made this available. I'm now using Forminator pro to create customized forms for my clients.