DjangoのPopup UserCreationForm

Question

DjangoのUserCreationFormをポップアップ表示できますか？

私はウェブサイトを構築しています。サインアップページをクリックすると、ポップアップサインアップページが表示されます。

今私はサインアップページとログインページがあり、彼らは働いていますが、私はそれらをポップアップする必要があります。

私はDjangoのusercreationformを使用しています。

ブートストラップとCSSをそのフォームにも追加できますか？ここで

from django.contrib.auth.forms import UserCreationForm 

はのポップアップコードが何であるかを私は今のdivは、ポップアップで

サインアップ

<script src='{% static "js/grayscale.min.js" %}'></script> 
     <script src='{% static "js/creative.min.js"%}'></script> 
     <script type="text/javascript"> 
    var model= document.getElementById('abc'); 
    window.onclick= function(event){ 
    if (event.target==model) { 
     model.style.display= "none"; 
    } 
    } 
     </script> 

<div id="abc"> 

    <div id="popupContact"> 
    {% block title %} 

{% endblock %} 
    {% block content %} 

     <div class="login" style="background: grey"> 

     {% if messages %} 
      <ul> 
       {% for message in messages %} 
       <li>{{ message }}</li> 
       {% endfor %} 
      </ul> 
     {% endif %} 

     <h1>Create account - Racernomics</h1> 

     <form method="post" > 
      {% csrf_token %} 
      <table> 
       {{ form.as_table }} 
       <tr> 
        <td></td> 
        <td><button type="submit">Register</button></td> 
       </tr> 
      </table> 
     </form> 
     {% endblock %} 
</div> 
    </div> 

Answer 1

あなたはしかしにあなたを自分のフォームをカスタマイズすることができない私のページに表示されて を試してみました欲しいです。

それはジャンゴでフォームクラスに直接などのhtml-クラス、id`sを追加し、CSSでそれらにアクセスし、修正することによって行うことができる：

class SomeForm(forms.Form): 
    some_field = forms.DateField(widget=forms.TextInput(attrs={'class': 'datepicker', 'placeholder': 'mm/dd/yy'}), 
          required=False) 

か、たとえば、追加のために使用することができますテンプレートを使ってフォームにアクセスするライブラリ（私はこの方法が好きです。ロジックとフロントエンドを別々に保つのに役立ちます）。このようなライブラリは、ウィジェットの調整です。

このarticleを見てみると面白いかもしれません。