Style Django Forms With Bootstrap - Django Blog #5

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 ธ.ค. 2024

ความคิดเห็น • 173

  • @Codemycom
    @Codemycom  4 ปีที่แล้ว +7

    ▶️ Watch Entire Django Blog Playlist ✅ Subscribe To My TH-cam Channel:
    bit.ly/3bWN6wj bit.ly/2IGzvOR
    ▶️ See More At: ✅ Join My Facebook Group:
    Codemy.com bit.ly/2GFmOBz
    ▶️ Learn to Code at Codemy.com ✅ Buy a Codemy T-Shirt!
    Take $30 off with coupon code: youtube1 bit.ly/2VC9WUN

  • @anthonygrear6226
    @anthonygrear6226 3 ปีที่แล้ว +28

    idn't know about the "form.as_p" vs "form.as_ul" ... "form.as_table" . These little details I keep finding in your videos are great.

  • @rickkerpvtltd1946
    @rickkerpvtltd1946 4 ปีที่แล้ว +7

    I was really confused on applying django in real world projrcts. Now that I see your videos I have cleared all my doubts and understood everything :) Really thanks a lot sir

  • @viveksharmapoudel1657
    @viveksharmapoudel1657 4 ปีที่แล้ว +1

    a person is known by not how much he does but how well he does..you are the man and thankyou... you deserve a salute

  • @gabrieldiazandrade9564
    @gabrieldiazandrade9564 4 ปีที่แล้ว +3

    Eres increíble, a pesar que no comprendo muy bien el inglés se te entiende a la perfección. Gracias

  • @micaelmoscoso6446
    @micaelmoscoso6446 3 ปีที่แล้ว +1

    u have teached me something that every page tried to do with plugins or external libraries, thank you very much

    • @Codemycom
      @Codemycom  3 ปีที่แล้ว

      Very welcome

  • @George-Ndichu
    @George-Ndichu 3 ปีที่แล้ว +1

    Thanks a million... you the best !....my one stop for all my coding all day every day...i have really learnt a lot

    • @Codemycom
      @Codemycom  3 ปีที่แล้ว +1

      Happy to hear it!

  • @mahirrahman3363
    @mahirrahman3363 2 ปีที่แล้ว

    I was struggling with this for days. Thanks for the great video.

  • @jansafar5371
    @jansafar5371 2 ปีที่แล้ว

    you are the best, im going to gift your course to my brother (y)

  • @brettgastelum5330
    @brettgastelum5330 4 ปีที่แล้ว +2

    Say John.... We're on Video 5 now and I've noticed that you haven't placed a tag yet. Just curious as to why that is? It's not like anything has changed with functionality - just something I've noticed over these.

    • @Codemycom
      @Codemycom  4 ปีที่แล้ว

      just a typo...it should be there...but obviously still works without it ;-)

  • @bostankhan2396
    @bostankhan2396 4 ปีที่แล้ว

    You and moshhamidani is my best teachers live long

  • @pauwelsgnanih7136
    @pauwelsgnanih7136 ปีที่แล้ว

    This is AMAIZING !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

  • @laidifoughali8606
    @laidifoughali8606 ปีที่แล้ว

    Thank you, it's really very well presented.

  • @Chibudomobasi
    @Chibudomobasi ปีที่แล้ว

    i just love this man, my code crashed and i could not do anything about it. but its working

    • @Codemycom
      @Codemycom  ปีที่แล้ว +1

      thanks 🙂

    • @Chibudomobasi
      @Chibudomobasi ปีที่แล้ว

      @@Codemycom I'm trying to make the post display horizontal, 3 per line
      Do you have a video on that

    • @Codemycom
      @Codemycom  ปีที่แล้ว +1

      @@Chibudomobasi no, but it's just a matter of changing the html

    • @Chibudomobasi
      @Chibudomobasi ปีที่แล้ว

      @@Codemycom I've tried flex, but it's just a straight line.
      I'm lost

    • @Codemycom
      @Codemycom  ปีที่แล้ว +1

      @@Chibudomobasi looks like you need a course in using bootstrap.

  • @work9167
    @work9167 2 ปีที่แล้ว +1

    Great video! It would be better if you mentioned that it is not a mandatory to use 'Meta' and class-based views. I think a lot of newbies watch the video and they may be a little confused about that as I was in my time

  • @greeneffel
    @greeneffel 2 ปีที่แล้ว

    Awesome tutorial!! Really thanks!!!

    • @Codemycom
      @Codemycom  2 ปีที่แล้ว

      Thanks for watching!

  • @beckett1458
    @beckett1458 4 ปีที่แล้ว +4

    At 15:16 you show model = Post, form_class = PostForm and template_name= 'add_post.html' but these are not used by anything. Also Following this example I keep getting an error: got an unexpected keyword argument 'attrs' when I specify the widgets

  • @subhankarjadab7617
    @subhankarjadab7617 ปีที่แล้ว

    I always wait for "do smash like button below" , that sounds very funny af

  • @steven1146
    @steven1146 ปีที่แล้ว

    Great content, thank you, sir.

  • @immanuelnjuguna5381
    @immanuelnjuguna5381 3 ปีที่แล้ว +3

    I did everything in this video however the form is not styled with bootstrap no matter how many times i refresh the browser

    • @Codemycom
      @Codemycom  3 ปีที่แล้ว +1

      restart your server...if that doesn't work, you did something wrong

    • @EMI42
      @EMI42 3 ปีที่แล้ว

      Looks like this form on 'Add post' just doesn't want to respond to any changes...

    • @Codemycom
      @Codemycom  3 ปีที่แล้ว +2

      @@EMI42 what did you do differently from the video?

    • @ТотСамыйКостя
      @ТотСамыйКостя 2 ปีที่แล้ว +1

      I had same problem. In file "forms.py", change "forms.widgets" to "widgets", if you have that. My VS CODE do auto replacement, if you type "widgets" and press . I hate that...😒

    • @Codemycom
      @Codemycom  2 ปีที่แล้ว

      @@ТотСамыйКостя one of many reasons why I don't recommend VS Code

  • @jv2-k9n
    @jv2-k9n 3 ปีที่แล้ว

    Awesome tutorial!

  • @santiagomontoyas2020
    @santiagomontoyas2020 4 ปีที่แล้ว

    Awesome video. It helped me a lot!

    • @Codemycom
      @Codemycom  4 ปีที่แล้ว

      Glad it helped!

  • @rangabharath4253
    @rangabharath4253 4 ปีที่แล้ว

    Awesome as always 👍😀

  • @dankwabismark2598
    @dankwabismark2598 ปีที่แล้ว

    Forinstance if I want to take the author as textinput from the user but however keep it as foreign key in my model, is that possible? . I don't want the author to be a selection even though django automatically make foreignkey in models as selection. How do I work around this, any help

  • @aashishrahate3066
    @aashishrahate3066 4 ปีที่แล้ว +1

    thanks this was helpful!!!

    • @Codemycom
      @Codemycom  4 ปีที่แล้ว

      Glad it helped!

  • @amanihrd7609
    @amanihrd7609 8 หลายเดือนก่อน

    great video thank you

    • @Codemycom
      @Codemycom  8 หลายเดือนก่อน

      welcome

  • @arunsharma8740
    @arunsharma8740 2 ปีที่แล้ว

    Great tutorial there

    • @Codemycom
      @Codemycom  2 ปีที่แล้ว

      Thanks! Glad you liked it.

  • @OthmanAlikhan
    @OthmanAlikhan 2 ปีที่แล้ว

    Thanks for the video =)

    • @JohnElder
      @JohnElder 2 ปีที่แล้ว

      Welcome!

  • @mr_yoshidasan
    @mr_yoshidasan 8 หลายเดือนก่อน

    muchas gracias Mr. White

    • @Codemycom
      @Codemycom  8 หลายเดือนก่อน

      Ha welcome

  • @groenekool
    @groenekool 3 ปีที่แล้ว +1

    Do you have an example to add bootstrap to a fileinput?

  • @mohit_shende
    @mohit_shende 4 ปีที่แล้ว

    Thanks I was looking for this

    • @Codemycom
      @Codemycom  4 ปีที่แล้ว +1

      Sure thing!

  • @gankers6746
    @gankers6746 3 ปีที่แล้ว

    cool big brother i saw lots of django tutorial never find a forms.py file and how u just grave the admin form in webpage by form.as_p stuff was awesome

    • @Codemycom
      @Codemycom  3 ปีที่แล้ว

      Glad you liked it!

  • @PranavPRaj
    @PranavPRaj 2 ปีที่แล้ว

    Awesome

  • @eennavrublevska2709
    @eennavrublevska2709 4 ปีที่แล้ว +2

    Hey there, awesome tutorial. Question, are the forms responsive, for mobile devices? In your tutorial, the boxes stretched across the screen, will they do that on phones as well? Or will extra bootstrapping be needed? Thanks!

    • @danieldasent-thomson5727
      @danieldasent-thomson5727 4 ปีที่แล้ว

      You can use additional bootstrap to make it responsive. Look up rows and columns in bootstrap.

    • @mokshitsarma378
      @mokshitsarma378 3 ปีที่แล้ว

      Yeah it looks same in mobile as well

    • @mokshitsarma378
      @mokshitsarma378 3 ปีที่แล้ว

      @@danieldasent-thomson5727 But Bootstrap always do it by default that is a feature of Bootstrap

  • @manikantapunnam1189
    @manikantapunnam1189 2 ปีที่แล้ว

    Thanks a lot Sir

    • @Codemycom
      @Codemycom  2 ปีที่แล้ว

      Very Welcome!

  • @arjavsethics4339
    @arjavsethics4339 3 ปีที่แล้ว

    great content

  • @danielayuch5498
    @danielayuch5498 2 ปีที่แล้ว

    I've got a problem with some error about no being able to find the '_curses' module, i solved it by installing with the pip install, the command is " pip install windows-curses".

  • @memes6587
    @memes6587 3 ปีที่แล้ว

    in the forms :form.TextInput(attrs={'class':'form_control'}),
    Where did you get the form its not imported above so im confused

  • @Surajsingh-ox5dl
    @Surajsingh-ox5dl 4 ปีที่แล้ว +1

    Every happen same but when I click on post nothing post not upload no errors show please please help me

    • @Codemycom
      @Codemycom  4 ปีที่แล้ว +2

      Retrace your steps, there are errors in your code.

  • @islomelboev556
    @islomelboev556 2 ปีที่แล้ว

    my IDE cannot find form in widgets. Should I import it from anywhere?

    • @Codemycom
      @Codemycom  2 ปีที่แล้ว

      Just follow the directions in the video. I don't recommend other IDE's.

  • @DigisDen
    @DigisDen 2 ปีที่แล้ว +1

    Do you or anyone else on here know how to add a class to the label of the element? We can add a class to the input control easy enough but what about the label?

  • @rickkerpvtltd1946
    @rickkerpvtltd1946 4 ปีที่แล้ว +1

    Reverse for 'home' with arguments '('2', '6')' not found. 1 pattern(s) tried: ['$']
    can anyone tell me why this error is happening? Sometime it was working fine :(

    • @rickkerpvtltd1946
      @rickkerpvtltd1946 3 ปีที่แล้ว

      @@willbr2kgmailcom Thanks a lot for helping sir 😁

  • @nikitakuznetsov4592
    @nikitakuznetsov4592 ปีที่แล้ว

    Guys, can you explain to me, how to make a form render as real table (like it's inside table tag, with borders etc)
    I tried as_table but it renders more like inline, not a table. Tries crispy_forms but it makes a mess for me..

  • @torjegarnes8269
    @torjegarnes8269 3 ปีที่แล้ว

    How can we get a placeholder on that dropdown list?

  • @rodrigosegura2400
    @rodrigosegura2400 4 ปีที่แล้ว

    How could we replicate this but for a filter using django_filters.FilterSet ? I tried adding widgets and the div but it didnt work :(

  • @Vjgalaxy
    @Vjgalaxy 4 ปีที่แล้ว

    Thanks for the tip

  • @True_AI_Time
    @True_AI_Time 4 ปีที่แล้ว

    view.py
    class AddPostView(CreateView):
    #fields = '__all__'
    an error occurs
    Using ModelFormMixin (base class of AddPostView) without the 'fields' attribute is prohibited.
    why???

  • @it-wizard
    @it-wizard 2 ปีที่แล้ว

    what when you use the auth forms from django itself? how can you style those?

    • @Codemycom
      @Codemycom  2 ปีที่แล้ว +1

      I have videos on that somewhere

  • @brucebatmanwayne8514
    @brucebatmanwayne8514 4 ปีที่แล้ว +1

    Hey. One request. Would be awesome if you could replace the body textarea with a wysiwyg editor for django. Would be cool to able to format the texts, init?

    • @Codemycom
      @Codemycom  4 ปีที่แล้ว +1

      That's not a bad idea...

    • @brucebatmanwayne8514
      @brucebatmanwayne8514 4 ปีที่แล้ว

      @@Codemycom ...So, I guess you might implement that in future videos?

    • @Codemycom
      @Codemycom  4 ปีที่แล้ว

      @@brucebatmanwayne8514 Planning on it

    • @brucebatmanwayne8514
      @brucebatmanwayne8514 4 ปีที่แล้ว

      @@Codemycom That's great! Thank you :D

    • @Codemycom
      @Codemycom  4 ปีที่แล้ว

      @@brucebatmanwayne8514 Sure thing!

  • @alvarochimeno2274
    @alvarochimeno2274 4 ปีที่แล้ว

    Hi, im trying to style a django form for an AbstracUser model. So far I have been able to apply the class to the username, the password and the profile image fields, but when I try to apply it to the confirmation field it doesnt work. Can anyone help me please?

  • @nomanyatogami
    @nomanyatogami 4 ปีที่แล้ว

    How do you send data from 3 different forms on the same page to the database

  • @josef2577
    @josef2577 4 ปีที่แล้ว +1

    Is there a way to write the css on the frontend here ? Styling in .py files is very weird to me.
    Anyway thank you so much for showing this.

  • @acarlos290965
    @acarlos290965 2 ปีที่แล้ว

    Obrigado!

  • @baibarsrajput1848
    @baibarsrajput1848 3 ปีที่แล้ว

    sir every thing working fine till two or three posts after that it shows an error in redirection no reverse match

  • @farahbieber12
    @farahbieber12 4 ปีที่แล้ว

    what if we want to do the same with forms instead of a model?

  • @mubasherrehman3074
    @mubasherrehman3074 3 ปีที่แล้ว

    Great explanation,
    Would you mind share video links of how to get data from HTML form and also for updating, instead of we using {{ form.as_p }}
    Thank you once again

    • @musabmohammed7973
      @musabmohammed7973 3 ปีที่แล้ว

      For loop as you normally do to get data from database and use {{form.title}}

  • @aunghtutwin4616
    @aunghtutwin4616 4 ปีที่แล้ว

    It doesn't know the name 'form' and always showing name error but i put 's' in form it's work just like(forms.TextInput())

  • @azimshaikh9465
    @azimshaikh9465 3 ปีที่แล้ว

    Hey can you tell me how to style the login page? I have created a Custom user using AbstractUser?. Please help me anyone?

  • @traivanvon5416
    @traivanvon5416 3 ปีที่แล้ว

    how can we add 2 bootstrap ex form-control and col-md-3 thanks

    • @StillYearZero
      @StillYearZero 3 ปีที่แล้ว

      'class': 'form-control col-md-3'

  • @hariharanbalasubramanianpr4243
    @hariharanbalasubramanianpr4243 4 ปีที่แล้ว

    Is the meta class creation is necessary sir??

    • @Codemycom
      @Codemycom  4 ปีที่แล้ว

      I wouldn't do it if it wasn't.

  • @tasniasharmin7701
    @tasniasharmin7701 4 ปีที่แล้ว

    great.. keep it up :)

    • @Codemycom
      @Codemycom  4 ปีที่แล้ว +1

      Thanks :-)

  • @vishalmishra1937
    @vishalmishra1937 4 ปีที่แล้ว

    inspite of getting author as dropdown how can we get name of author who is redirected to this page after login plz help

  • @vishwamrawal7212
    @vishwamrawal7212 3 ปีที่แล้ว

    hello , I'm applying styling to {{form.as_p}} but its not working i have also created base.html file someone please guide me ?

    • @Codemycom
      @Codemycom  3 ปีที่แล้ว

      What did you do differently from the video?

    • @Codemycom
      @Codemycom  3 ปีที่แล้ว

      @@robbyz512 glad you got it sorted

    • @vaishnavi_as
      @vaishnavi_as 3 ปีที่แล้ว

      @@robbyz512 man thank you so much. I was having a hard time figuring it out. You saved me. Have a nice day :)

  • @mohemmedkamal
    @mohemmedkamal 4 ปีที่แล้ว

    thank you very match

    • @Codemycom
      @Codemycom  4 ปีที่แล้ว +1

      You're very welcome!

  • @wemestros
    @wemestros 3 ปีที่แล้ว

    hi! great video! do these still apply for bootstrap 5?

  • @jhoanmartinezsilva2609
    @jhoanmartinezsilva2609 3 ปีที่แล้ว

    What about functions based views?

    • @Codemycom
      @Codemycom  3 ปีที่แล้ว

      I have lots of courses on that at Codemy.com

  • @oleksandrmarkov8656
    @oleksandrmarkov8656 2 ปีที่แล้ว

    👍👍👍

  • @miguelpanta
    @miguelpanta 2 ปีที่แล้ว

    boostrap needs to be installed?

  • @maihuire11
    @maihuire11 4 ปีที่แล้ว

    The style of the form does not apply, can you help me please.

    • @jishnugnanadas8312
      @jishnugnanadas8312 4 ปีที่แล้ว

      did you add bootstrap ?

    • @maihuire11
      @maihuire11 4 ปีที่แล้ว

      @@jishnugnanadas8312 where?

    • @jishnugnanadas8312
      @jishnugnanadas8312 4 ปีที่แล้ว

      @@maihuire11 getbootstrap.com/docs/4.0/getting-started/introduction/

    • @maihuire11
      @maihuire11 4 ปีที่แล้ว

      @@jishnugnanadas8312 yes i make it

    • @SualexisSuarez
      @SualexisSuarez 3 ปีที่แล้ว

      In my case , I had a wrong syntax in forms.py -> widget instead widgets

  • @devrimsarikaya
    @devrimsarikaya 9 หลายเดือนก่อน

    teşekkürler Thanks

  • @DanielMGuerrero
    @DanielMGuerrero 3 ปีที่แล้ว +1

    Seriously?
    What an ugly way Django manages this issue.
    Thanks for all!

  • @shubhamnaik4205
    @shubhamnaik4205 4 ปีที่แล้ว

    Sir, please make tutorials on custom form wizard

    • @Codemycom
      @Codemycom  4 ปีที่แล้ว

      This video is about custom forms for the blog, I don't know what custom form wizard is

  • @beshy9012
    @beshy9012 4 ปีที่แล้ว

    How to CRUD by mysql with Django?

    • @Codemycom
      @Codemycom  4 ปีที่แล้ว

      This is all crud in these videos. Nothing changes because of mysql, just add it to your settings.py file

  • @Vincent-se8yr
    @Vincent-se8yr 4 ปีที่แล้ว

    In thumbnail it's written bootstap which should be bootstrap

    • @Codemycom
      @Codemycom  4 ปีที่แล้ว +1

      Good catch!

  • @miraccan00
    @miraccan00 4 ปีที่แล้ว

    can you show us how we can use creating models forms in forms.py

    • @Codemycom
      @Codemycom  4 ปีที่แล้ว +1

      That's what this video shows you...

  • @ns6926
    @ns6926 4 ปีที่แล้ว

    Why not just use {% bootstrap_form form %} in the HTML file?

    • @Codemycom
      @Codemycom  4 ปีที่แล้ว

      We haven't installed that

  • @genericnamethingy
    @genericnamethingy 3 ปีที่แล้ว

    It's friday every day here and I'm not even in Vegas.

  • @nikhilkahar9545
    @nikhilkahar9545 3 ปีที่แล้ว

    Improperly configured both 'fields' and 'form_class' is not permitted. ;…....... Errror 🙄

  • @sifadrifad4202
    @sifadrifad4202 4 ปีที่แล้ว

    thanks

    • @Codemycom
      @Codemycom  4 ปีที่แล้ว

      You're welcome...thanks for watching!

  • @blowintrees61
    @blowintrees61 3 ปีที่แล้ว

    I paid close to 10 grand for a coding boot camp yet keep finding myself using your videos instead of theirs.

    • @Codemycom
      @Codemycom  3 ปีที่แล้ว +1

      Ha awesome... fee free to buy me a beer or 10 ;-)

  • @ashtonfei
    @ashtonfei 3 ปีที่แล้ว

    Walter White is cooking...

  • @Gsnchez
    @Gsnchez 4 ปีที่แล้ว

    at 12:57 I get CSRF verification failed :s

    • @SnazzyNelson
      @SnazzyNelson 4 ปีที่แล้ว +1

      Did you forget to add {% csrf_token %}

  • @axlblazeauthor
    @axlblazeauthor 2 ปีที่แล้ว

    i dint know Walter White taught programming as well

  • @juleskuehn1511
    @juleskuehn1511 2 ปีที่แล้ว

    assert( (this, is, a, tuple) != [this, is, a, list] )

  • @이영진-r7e
    @이영진-r7e 3 ปีที่แล้ว

    11:01

  • @jackrabbit0612
    @jackrabbit0612 ปีที่แล้ว

    There is nothing about bootstrap

    • @Codemycom
      @Codemycom  ปีที่แล้ว

      pay closer attention, we added a class of form-control. That's pure bootstrap.