Create a Contact Form using Material UI

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

КОМЕНТАРІ • 48

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

    This is easy. Try integrating it with a PHP script to actually receive emails through it. Everyone is teaching this simple layout, no one is going there.

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

      could you solve this problem? I have the same issue haha

  • @ArexusGalia
    @ArexusGalia 3 роки тому +3

    Thank you for making this dude! Nice way to learn material ui form making. Grid was extremely useful!

    • @Codenemy
      @Codenemy  3 роки тому +1

      It's my pleasure, Glad to hear that content was useful, Thanks for watching :)

  • @myneckmyback69
    @myneckmyback69 3 роки тому +2

    Thank you! This tutorial was easy to follow and I completed the form pretty quickly.

    • @Codenemy
      @Codenemy  3 роки тому

      It's my pleasure, Thanks for watching :)

  • @MrMidwaymonster
    @MrMidwaymonster 3 роки тому +5

    As someone making my first portfolio site, this was great! Thank you!

  • @mukeshkushawaha8714
    @mukeshkushawaha8714 3 роки тому +1

    Very nice with good explanation

    • @Codenemy
      @Codenemy  3 роки тому

      Glad to hear that, Thanks for watching :)

  • @kevz_codes
    @kevz_codes 5 місяців тому

    I was wondering if there's a way to customize those labels so that by default they are placed on top of the TextField instead of being placed inside by default?

  • @edgarciaguilar
    @edgarciaguilar 4 місяці тому

    Thanks for share this tutorial

  • @josejimenez7502
    @josejimenez7502 3 роки тому +1

    Thank you for this absolutely brilliant thumbs up mate

    • @Codenemy
      @Codenemy  3 роки тому +1

      It's my pleasure, Thanks for watching :)

    • @josejimenez7502
      @josejimenez7502 3 роки тому +1

      @@Codenemy I have subscribed thank you for taking time out to reply back to me much appreciated

    • @Codenemy
      @Codenemy  3 роки тому

      @@josejimenez7502 Thanks for subscribing :)

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

    Very nice mate, very useful, thanks.

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

      Glad to hear that, Thanks for watching :)

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

    Hi, I have the same code as you up to 8.50 minutes in, but my components are displayed side by side instead of column, could you help at all please?

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

      Could you pls send me screenshots here facebook.com/codenemy

    • @sinnyozzy
      @sinnyozzy 2 роки тому +2

      Hey, thanks kindly for getting back to me, but it was a misunderstanding on my part 😁

    • @Codenemy
      @Codenemy  2 роки тому +2

      @@sinnyozzy Np, Thanks for watching :)

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

    nice video

  • @sanjubaloria2745
    @sanjubaloria2745 3 роки тому +1

    nice video sir

    • @Codenemy
      @Codenemy  3 роки тому

      Glad to hear that, Thanks for watching :)

    • @sanjubaloria2745
      @sanjubaloria2745 3 роки тому +1

      @@Codenemy sir I did same think but it doesn't show the required message in my form:(

    • @Codenemy
      @Codenemy  3 роки тому +1

      @@sanjubaloria2745 Have you used form tag, Btw you check below link to get code
      github.com/vikas62081/material-table-YT/blob/contactUsForm/src/App.js
      if you still have some issue plz let me know :)

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

    how to capture fields? Thanks

    • @Codenemy
      @Codenemy  Рік тому +3

      handle on change event on those inputs and store them in state

  • @luccapavan8095
    @luccapavan8095 3 роки тому +1

    Thankssss!

    • @Codenemy
      @Codenemy  3 роки тому

      It's my pleasure, Thanks for watching :)

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

    thank youuu soooo much

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

      Glad to hear that, Thanks for watching :)

  • @patanshehnaz4484
    @patanshehnaz4484 3 роки тому

    Hi sir,
    If we give empty space, its submitting. Please say validation for that

    • @Codenemy
      @Codenemy  3 роки тому +1

      You can use formik and yup validation
      check it here : ua-cam.com/play/PLqhnP4YYLcb78BGEZMwki5XJ6ttKkiddU.html
      and in that you can use myStr.trim()

    • @patanshehnaz4484
      @patanshehnaz4484 3 роки тому +1

      @@Codenemy thankyou sir

    • @Codenemy
      @Codenemy  3 роки тому

      @@patanshehnaz4484 You are welcome :)

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

    Awesome tutorial! Can you please link the source code 🙏

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

      nvm I see it, Thank you!!!

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

      @@haydenthai935 Glad to hear that

  • @Ignition2310
    @Ignition2310 3 роки тому +1

    absolutely useless without connecting this form to an emailer and/or backend.

    • @Codenemy
      @Codenemy  3 роки тому

      Yeah you are right, but i discuss about form design only , In upcoming sure i will connect with backend, Thanks for your suggestion & watching :)

    • @josejimenez7502
      @josejimenez7502 3 роки тому +1

      Man this tutorial is a gem. Nothing useless going on here Their are many many many tutorials available to walk you through connecting the back end and they all lack showing you how to make the contact form look good and presentable especially with Material UI . This tutorial for what it is with the right person with the right mind set is absolutely gold

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

      @@Codenemy where is that video connecting it to the backend to make it functional