That's the whole point. I've attached my form.html file, do you think it's a generous idea to design the whole form page using widgets if I already have the form template ready?
<div class="main"> <div class="container-form"> <div class="signup-content"> <div class="signup-img"> <img src="{% static 'img/form-img-2.jpg' %}" alt=""> </div> <div class="signup-form"> <form action="form" method="POST" class="register-form" id="register-form"> {% csrf_token %} <h2>Registration form</h2> <div class="form-row"> <div class="form-group"> <label for="name">Name of Homeowner :</label> <input type="text" name="name" id="name" placeholder="Name" required /> </div> <div class="form-group"> <label for="age">Roof Age :</label> <input type="number" name="roof_age" id="age" placeholder="Roof Age" required /> </div> </div> <div class="form-group"> <label for="email">Email ID :</label> <input type="email" name="email" id="email" placeholder="Email" required /> </div> <div class="form-group"> <label for="phone">Phone :</label> <input type="number" name="phone" id="phone" placeholder="Phone" required /> </div> <div class="form-group"> <label for="address">Full Home Address :</label> <input type="text" name="address" id="address" placeholder="Address" required /> </div> <div class="form-group"> <label for="bill">Average Monthly Electric Bill Costs :</label> <input type="number" name="monthly_bill" id="bill" placeholder="$" required /> </div> <div class="form-radio"> <label for="HOA" class="radio-label">Do you have HOA?</label> <div class="form-radio-item"> <input type="radio" name="HOA" id="HOA_YES" > <label for="HOA_YES">Yes</label> <span class="check"></span> </div> <div class="form-radio-item"> <input type="radio" name="HOA" id="HOA_NO" > <label for="HOA_NO">No</label> <span class="check"></span> </div> </div> <div class="form-radio"> <label for="battery" class="radio-label">Would you also need a battery? </ label> <div class="form-radio-item"> <input type="radio" name="battery" id="Battery_YES" > <label for="Battery_YES">Yes</label> <span class="check"></span> </div> <div class="form-radio-item"> <input type="radio" name="battery" id="Battery_NO"> <label for="Battery_NO">No</label> <span class="check"></span> </div> </div> <div class="form-radio"> <label for="foundation" class="radio-label">Is your home on concrete foundation?</label> <div class="form-radio-item"> <input type="radio" name="foundation" id="foundation_YES" > <label for="foundation_YES">Yes</label> <span class="check"></span> </div> <div class="form-radio-item"> <input type="radio" name="foundation" id="foundation_NO"> <label for="foundation_NO">No</label> <span class="check"></span> </div> </div> <div class="form-group"> <label for="course">Roof Type :</label> <div class="form-select"> <select name="roof_type" id="course"> <option value="">Select here</option> <option value="Shingle">Comp Shingle</option> <option value="Concrete">Concrete</option> <option value="Metal">Metal</option> <option value="Spanish">Spanish</option> <option value="Clay">Clay</option> </select> <span class="select-icon"><i class="zmdi zmdi-chevron-down"></i></span> </div> </div> <div class="form-group"> <label for="availability">Your Availability :</label> <input type="datetime-local" name="availability" id="availability" placeholder="Select Time" required /> </div> <div class="form-group"> <label for="uplaod">Upload your bill :</label> <input type="file" name="bill" id="uplaod" required /> </div> <div class="form-submit"> <input type="reset" value="Reset All" class="submit" name="reset" id="reset" /> <input type="submit" value="Submit Form" class="submit" name="submit" id= "submit" /> </div> </form> </div> </div> </div> </div> On Fri, Sep 23, 2022 at 7:20 PM siyamak abasnezhad <siyamak1...@gmail.com> wrote: > You can use widget Tweeks or crispy > > > On Fri, Sep 23, 2022, 09:26 Nishant Sagar <nishantkk...@gmail.com> wrote: > >> Hey forks, >> >> I’m in little dilemma regarding Django forms. I'm working on a project as >> a backend guy who doesn't know much about CSS and JavaScript so a frontend >> guy delivered me a form template designed using CSS, however, Django >> documentation suggests that it's good practice to use Django forms. >> >> So how feasible do you think it is for a frontend guy to learn Django >> widgets from scratch to implement the same thing he can easily do from CSS >> and JS. As a newbie backend guy, it's not easy for me either to learn >> frontend tech to implement the same thing in so little time. >> >> So I tried implementing the form without using Django forms but I find it >> hard to deal with files as there is no documentation I can look up to. >> >> So can we add these to the documentation or it is still advisable to use >> Django forms? >> >> >> Thanks and regards, >> Nishant >> >> -- >> You received this message because you are subscribed to the Google Groups >> "Django developers (Contributions to Django itself)" group. >> To unsubscribe from this group and stop receiving emails from it, send an >> email to django-developers+unsubscr...@googlegroups.com. >> To view this discussion on the web visit >> https://groups.google.com/d/msgid/django-developers/CANNtL-Kqud7V6sk_%3DYnagzATw8eJjO9pCeDx9Za80XywXBi2tQ%40mail.gmail.com >> <https://groups.google.com/d/msgid/django-developers/CANNtL-Kqud7V6sk_%3DYnagzATw8eJjO9pCeDx9Za80XywXBi2tQ%40mail.gmail.com?utm_medium=email&utm_source=footer> >> . >> > -- > You received this message because you are subscribed to the Google Groups > "Django developers (Contributions to Django itself)" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to django-developers+unsubscr...@googlegroups.com. > To view this discussion on the web visit > https://groups.google.com/d/msgid/django-developers/CAOGgH_-umvzoQ2cDkQFbTMU%3D6cvsxNV%2B2MNCwvr46kPCOCJ-Gw%40mail.gmail.com > <https://groups.google.com/d/msgid/django-developers/CAOGgH_-umvzoQ2cDkQFbTMU%3D6cvsxNV%2B2MNCwvr46kPCOCJ-Gw%40mail.gmail.com?utm_medium=email&utm_source=footer> > . > -- You received this message because you are subscribed to the Google Groups "Django developers (Contributions to Django itself)" group. To unsubscribe from this group and stop receiving emails from it, send an email to django-developers+unsubscr...@googlegroups.com. To view this discussion on the web visit https://groups.google.com/d/msgid/django-developers/CANNtL-KYchoxjB9GoQsBhHQb%2BEdhtO9FdC9D%2B%2BTmipg96JskKw%40mail.gmail.com.