Style Django Forms With Bootstrap - Django Blog #5

Поделиться
HTML-код
  • Опубликовано: 27 ноя 2024

Комментарии • 173

  • @Codemycom
    @Codemycom  4 года назад +7

    ▶️ Watch Entire Django Blog Playlist ✅ Subscribe To My RUclips 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

  • @mahirrahman3363
    @mahirrahman3363 2 года назад

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

  • @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 ;-)

  • @subhankarjadab7617
    @subhankarjadab7617 Год назад

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

  • @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

  • @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

  • @jansafar5371
    @jansafar5371 2 года назад

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

  • @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

  • @bostankhan2396
    @bostankhan2396 4 года назад

    You and moshhamidani is my best teachers live long

  • @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.

  • @laidifoughali8606
    @laidifoughali8606 Год назад

    Thank you, it's really very well presented.

  • @pauwelsgnanih7136
    @pauwelsgnanih7136 Год назад

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

  • @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

  • @greeneffel
    @greeneffel 2 года назад

    Awesome tutorial!! Really thanks!!!

    • @Codemycom
      @Codemycom  2 года назад

      Thanks for watching!

  • @steven1146
    @steven1146 Год назад

    Great content, thank you, sir.

  • @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

  • @mr_yoshidasan
    @mr_yoshidasan 8 месяцев назад

    muchas gracias Mr. White

  • @arunsharma8740
    @arunsharma8740 2 года назад

    Great tutorial there

    • @Codemycom
      @Codemycom  2 года назад

      Thanks! Glad you liked it.

  • @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

  • @jv2-k9n
    @jv2-k9n 3 года назад

    Awesome tutorial!

  • @amanihrd7609
    @amanihrd7609 8 месяцев назад

    great video thank you

  • @santiagomontoyas2020
    @santiagomontoyas2020 4 года назад

    Awesome video. It helped me a lot!

  • @aashishrahate3066
    @aashishrahate3066 4 года назад +1

    thanks this was helpful!!!

  • @rangabharath4253
    @rangabharath4253 4 года назад

    Awesome as always 👍😀

  • @groenekool
    @groenekool 3 года назад +1

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

  • @OthmanAlikhan
    @OthmanAlikhan 2 года назад

    Thanks for the video =)

  • @mohit_shende
    @mohit_shende 4 года назад

    Thanks I was looking for this

  • @arjavsethics4339
    @arjavsethics4339 3 года назад

    great content

  • @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

  • @manikantapunnam1189
    @manikantapunnam1189 2 года назад

    Thanks a lot Sir

  • @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?

  • @PranavPRaj
    @PranavPRaj 2 года назад

    Awesome

  • @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

  • @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".

  • @Vjgalaxy
    @Vjgalaxy 4 года назад

    Thanks for the tip

  • @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.

  • @acarlos290965
    @acarlos290965 2 года назад

    Obrigado!

  • @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.

  • @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 😁

  • @devrimsarikaya
    @devrimsarikaya 9 месяцев назад

    teşekkürler Thanks

  • @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..

  • @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 :(

  • @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.

  • @wemestros
    @wemestros 3 года назад

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

  • @tasniasharmin7701
    @tasniasharmin7701 4 года назад

    great.. keep it up :)

  • @mohemmedkamal
    @mohemmedkamal 4 года назад

    thank you very match

    • @Codemycom
      @Codemycom  4 года назад +1

      You're very welcome!

  • @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?

  • @DanielMGuerrero
    @DanielMGuerrero 3 года назад +1

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

  • @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!

  • @ashtonfei
    @ashtonfei 3 года назад

    Walter White is cooking...

  • @torjegarnes8269
    @torjegarnes8269 3 года назад

    How can we get a placeholder on that dropdown list?

  • @nomanyatogami
    @nomanyatogami 4 года назад

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

  • @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}}

  • @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

  • @oleksandrmarkov8656
    @oleksandrmarkov8656 2 года назад

    👍👍👍

  • @genericnamethingy
    @genericnamethingy 3 года назад

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

  • @hariharanbalasubramanianpr4243
    @hariharanbalasubramanianpr4243 4 года назад

    Is the meta class creation is necessary sir??

    • @Codemycom
      @Codemycom  4 года назад

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

  • @True_AI_Time
    @True_AI_Time 3 года назад

    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

  • @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

  • @farahbieber12
    @farahbieber12 4 года назад

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

  • @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 ;-)

  • @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?

  • @baibarsrajput1848
    @baibarsrajput1848 3 года назад

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

  • @miguelpanta
    @miguelpanta 2 года назад

    boostrap needs to be installed?

  • @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())

  • @sifadrifad4202
    @sifadrifad4202 4 года назад

    thanks

    • @Codemycom
      @Codemycom  4 года назад

      You're welcome...thanks for watching!

  • @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

  • @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'

  • @Vincent-se8yr
    @Vincent-se8yr 4 года назад

    In thumbnail it's written bootstap which should be bootstrap

  • @axlblazeauthor
    @axlblazeauthor 2 года назад

    i dint know Walter White taught programming as well

  • @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 :)

  • @ns6926
    @ns6926 4 года назад

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

    • @Codemycom
      @Codemycom  4 года назад

      We haven't installed that

  • @jhoanmartinezsilva2609
    @jhoanmartinezsilva2609 3 года назад

    What about functions based views?

    • @Codemycom
      @Codemycom  3 года назад

      I have lots of courses on that at Codemy.com

  • @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

  • @nikhilkahar9545
    @nikhilkahar9545 3 года назад

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

  • @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...

  • @Gsnchez
    @Gsnchez 4 года назад

    at 12:57 I get CSRF verification failed :s

    • @SnazzyNelson
      @SnazzyNelson 4 года назад +1

      Did you forget to add {% csrf_token %}

  • @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.