Web App - Google Sheets - Form Example

Поділитися
Вставка
  • Опубліковано 15 жов 2024

КОМЕНТАРІ • 77

  • @DanKulibert
    @DanKulibert 2 роки тому +4

    Great tutorial as always! Also, you can format the document with Shift+Option+F or right-click a blank spot in the code editor and select 'Format Document'

    • @getitdonetube
      @getitdonetube  2 роки тому +1

      Somehow those auto-formatters never worked for me, like for example beatify in vscode. I would have to probably grab one of them and modify them to the exact way I like things formatted in order to be satisfied with the results.
      This is just "me" problem though, I'm sure those tools work great for most people.

  • @yogeshchaudhary4306
    @yogeshchaudhary4306 2 роки тому

    Hi
    I started learnt from you and now I have done 100s of projects including advance web apps and add-ons too
    Thanks man

  • @humayunahmadrajib9451
    @humayunahmadrajib9451 10 місяців тому

    This video was very helpful and informative. I learned a lot from it and was able to create my own web app form using Google sheets. You explained everything clearly and patiently, and the Metro UI design was awesome. Thank you for sharing this amazing tutorial! 💖💖💖

  • @MichaelDaniels
    @MichaelDaniels 10 місяців тому

    Fantastic video.
    Is there a way to make the results page of the Google sheet where you collect the data to display as a data table on the web. Maybe have them as a list of times and dates. Like a TV guide type list where the time would show in in increments of an hour each? Thanks

  • @kyle943
    @kyle943 2 роки тому

    Excellent as usual! I’m going to be making a scheduler project for a barber shop that will look super similar to this. I’m planning to feed the drop down with the available times that will update as other times get taken away by other users. The list of available times will remove those that have been taken for that day.

  • @andreaguerri.educational
    @andreaguerri.educational 10 місяців тому +1

    Great! But I integrate the Choice file form is not working. Why?

  • @nunomarques6106
    @nunomarques6106 Рік тому

    Hi. I finished my form and its works just fine. I would like to use data stored in google sheet to deploy it in a datatable, to consult and search results. Can i do this two tasks in same google sheet and same script? I can i do it to after deploy diferent web pages? Is already any video that goes over this?
    Thank you.

  • @nunomarques6106
    @nunomarques6106 Рік тому

    Hi. I've made a form following this example and it works just fine. Can you tell me how i can add an automatic ID for each record i get when i click the submit button? Thank you.

  • @pkmcimaragasofficial7351
    @pkmcimaragasofficial7351 Рік тому +1

    Thanks bro! I'm waiting for a way to display that data in webapps with tables

  • @AdelAbdoh060
    @AdelAbdoh060 Рік тому

    excellent
    i wish if you make more vedio about google sheet script

  • @nunomarques6106
    @nunomarques6106 Рік тому

    Hi. I have made one form using google sheets and metro ui and it works really nice. In the form i have 2 droplist fields: a worker name and its ID. This data is obtained through a google sheet named "workname". This sheet have 2 columns: one with worker name and other with its id. Its possible to add on the form the possibility to, when i select a name, the field for ID to be automatically filled with worker ID? Thank you for your help. Keep going with nice job!

  • @timdewin
    @timdewin 7 місяців тому

    Great tutorial! How can i make adependent dropdown with metro ui?

  • @cliffcarroll5898
    @cliffcarroll5898 9 місяців тому

    Great video, not a programmer but able to recreate what I need with this!! I do have a problem I need help with. I am trying to create a button that will allow for multiple additional drop boxes to be created which will appear as a "Add Product" box. I also will need to be able to have this data submit to the google sheet. Can someone help me with this?

  • @carlosnavatojr9296
    @carlosnavatojr9296 Рік тому

    Hi sir Get_it Done! Thank you iit very clear and clean tutorial.. i have one request please make a tutorial regarding FILE INPUT to upload files direct to Google Drive. using Metro UI.. thank yoyu

  • @lpanebr
    @lpanebr Місяць тому +1

    48:50 there was also a reset method on the Metro prototype.

    • @getitdonetube
      @getitdonetube  Місяць тому +1

      Cool! I need to learn how to read :)

  • @bradlegassick9327
    @bradlegassick9327 Рік тому +1

    Thanks great content.

  • @phuctran-dh3le
    @phuctran-dh3le Рік тому +1

    Thank you for sharing this

  • @empaguia
    @empaguia 28 днів тому

    or I can put that html file inside an ?

  • @dadonrami3884
    @dadonrami3884 Рік тому

    thanks, can you help why the
    < } ? > doesn't work for me. the {} are in Red

  • @edgregorio2
    @edgregorio2 Рік тому

    Good day.. How about if instead of resetting the form, I want the user to be redirected to another site after Clicking the submit button? How would I do that?

  • @IanCampbell-e2z
    @IanCampbell-e2z 11 місяців тому

    How could I add a favicon to my web app using an image from my google drive?

  • @hermanjohnson2105
    @hermanjohnson2105 Рік тому

    How did you get the value of the Categories Select Menu with the option value being set?

  • @nunomarques6106
    @nunomarques6106 Рік тому

    Hi. I already finish myy app with multipages using this example and it just works fine. I want to deploy it to a google sites but it doesn´t allow to run it by security reasons. Can you show how we can deploy this exemple (multipages with buttons) on google sites?
    Another question is how can i make a donation?
    Thank you.

  • @mypulsatermurah-ys8qu
    @mypulsatermurah-ys8qu 4 місяці тому

    Hello can you help me?
    I got 2 error in console:
    1. Unchecked runtime.lastError: The message port closed before a response was received
    2. Third-party cookie will be blocked. Learn more in the Issues tab
    And when I debug acceptData Function there is info undefined
    My code below

    • @mypulsatermurah-ys8qu
      @mypulsatermurah-ys8qu 4 місяці тому

      const basokaForm = document.getElementById("basoka-form")
      basokaForm.addEventListener("submit",submitData)
      function submitData(e){
      e.preventDefault()
      console.log("Form Anda Telah Terkirim")
      console.log(this)
      google.script.run.acceptData(this)
      }

    • @mypulsatermurah-ys8qu
      @mypulsatermurah-ys8qu 4 місяці тому

      function doGet() {
      const htmlService = HtmlService.createTemplateFromFile("index")
      const html = htmlService.evaluate().addMetaTag("viewport","width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no")
      return html
      }
      function acceptData(formData){
      console.log(formData)
      }

  • @SohamShreeTravels
    @SohamShreeTravels Рік тому

    I have Google Apps Script Web App. Need a login function with Google means Google OAuth 2, authorised user will open app with app link & app ask to login with Google, dont want to give them sheets access

  • @lapneto
    @lapneto 2 роки тому

    Awesome as usual. Thank you for this! One question: I have a similar "notes" field that is used as an email body. Any way to keep the line breaks inside my GS code? Thanks again, love your work. Learned so much from you! Keep it up!

    • @getitdonetube
      @getitdonetube  2 роки тому

      Line breaks should be included when you get the value from textarea. I assume how you later use that is the issue.

    • @lapneto
      @lapneto 2 роки тому

      @@getitdonetube Exactly. I put it into a variable, but all I get is a string that concatenates the line breaks... any thoughts? Thanks!

    • @getitdonetube
      @getitdonetube  2 роки тому

      If you're emailing HTML then you probably need to replace
      with

    • @getitdonetube
      @getitdonetube  2 роки тому

      something like this
      const htmlTextareaValue = textareaValue.replace(/(?:
      |
      |
      )/g, '')

    • @lapneto
      @lapneto 2 роки тому +1

      @@getitdonetube Worked like a charm! Thank you for this, much appreciated! Love your work!

  • @JBAhmad-vu2lr
    @JBAhmad-vu2lr Рік тому

    How to create two independent groups of radio buttons?

  • @bloggerkickstart9060
    @bloggerkickstart9060 Рік тому

    Howt to put upload file function in the form as well

  • @calidadsed4713
    @calidadsed4713 Рік тому

    Muchas gracias por su gran ayuda, que mi Dios lo bendiga 🙏 por siempre.

  • @高吉米-p1b
    @高吉米-p1b 3 місяці тому

    When to share new video???

  • @tongthokworld5466
    @tongthokworld5466 Рік тому

    Is this possible to show user picture with data by ID number?

  • @nunomarques6106
    @nunomarques6106 Рік тому

    Hi. I completed my web app sucessfully. I just want to take away google banner on header. Can you help to do that in this example? Thank you.

    • @getitdonetube
      @getitdonetube  Рік тому

      Try this ua-cam.com/video/RJtaMJTlRhE/v-deo.html

    • @nunomarques6106
      @nunomarques6106 Рік тому

      @@getitdonetube Hi. Thanks for your kindly answer. To apply this do i have to create render function? Since the code for dropdowns is a little bit diferent than this example, can you help me to apply it on this form? Thanks.

  • @immankJie
    @immankJie 9 місяців тому

    Can't connect to google sheet, why?

  • @asimkumarchakraborty2456
    @asimkumarchakraborty2456 Рік тому

    Hi sir, how do I create a dependent drop-down? Like you share here.

  • @scotolivera8207
    @scotolivera8207 Рік тому

    Thanks a lot

  • @bulbulahmed3098
    @bulbulahmed3098 8 місяців тому

    great.

  • @sktrading8027
    @sktrading8027 2 роки тому

    Thanx
    I need script for copying defind range from sheet 1 to paste in defind range in sheet 2 in every new blank row
    I am making weather date time data project from live feeding link

    • @netboy1102
      @netboy1102 Рік тому

      .getRange("").getValue() - sheet1
      .getRange(sheet2.getLastRow(), 1).setValue()
      Something like that. If you have watched previous videos from the channel you should know how to do it

  • @boredomindex3353
    @boredomindex3353 2 роки тому

    What's your donation link? Possibly PayPal

    • @getitdonetube
      @getitdonetube  2 роки тому +1

      www.paypal.com/donate/?hosted_button_id=SAH4HWG6M7G86
      Thank You!

    • @boredomindex3353
      @boredomindex3353 2 роки тому

      @@getitdonetube I learn a lot from you. I wish I could contribute more. Just a note: you should add the donation link to your video descriptions.

    • @boredomindex3353
      @boredomindex3353 2 роки тому

      @@getitdonetube It says "donations to this recipient aren't supported in this country" ☹️

    • @getitdonetube
      @getitdonetube  2 роки тому

      I asked them to change some settings. Could you try again?

    • @boredomindex3353
      @boredomindex3353 2 роки тому

      @@getitdonetube Sadly, it didn't work. Do you have any active classes I can buy?

  • @maximusadrem
    @maximusadrem 2 роки тому

    👍

  • @nurasian7355
    @nurasian7355 2 роки тому

    Please share your code, thank you.

  • @nunomarques6106
    @nunomarques6106 Рік тому

    Hi. I've followed your steps but when i reach reset form, it doen´t work for me and after click submit button form desapear and data doen't save on sheet.
    const epiForm = document.getElementById("epi-form")
    epiForm.addEventListener("submit",submitData)
    function submitData(e){
    e.preventDefault()
    console.log("Form Submitted")
    console.log(this)
    google.script.run.withSuccessHandler(() => {
    epiForm.reset()
    }).withFailureHandler(() => {
    })collectData(this)
    }
    Can you help me to see whats wrong? Thanks

  • @nunomarques6106
    @nunomarques6106 Рік тому

    Hi. I have finished my form with success. Now i want to add a button at right of "web form" to return to my home page.
    I already had the button but by some reason i am not abble to put "webform" on left and home button align to right.
    Here is the code:



    EPI Webform

  • @amarkantmishra
    @amarkantmishra 2 роки тому

    Getting SyntaxError: Unexpected identifier (line 8, file ”Code")
    const html = htmlService.evaluate().addMetaTag("viewport", "width=device-width, inital-scale=1.0, maximum-scale=1.0, user-scalable=no")

    • @getitdonetube
      @getitdonetube  2 роки тому

      What's in your previous and next line?