How do I insert a django form in twitter-bootstrap modal window?

Question

Someone has asked the exact same question in April, without any answer. But since he provided too little information; the question was abandoned.

I have the same pro

Answer 1

I was having the same problem when I encounter this post. I tried this solution but it wasn't really working for me (but it gave me direction). I came up with a solution that does work for me but, it feels hacky and I would like to receive some pointers on how to do it better.

The problem is the same: Show a form inside twitter boostrap modal and django form (edit/add model for me using django generic form views)

So what I did:

main.html

Title

editor.html

    

        ×
        
Modal header
    
    

        {% if not form.is_valid %}
            
invalid_form
        {% endif %}
        {% csrf_token %}
        {{ form.as_p }}
    
    

       Cancel
       Save
    

So the flow is this:

• click on the tag loads the form from the create form url into the modal div
• click the save button in modal (submit) which triggers the genericLoadDialog function. This loads makes a POST request to the create form url with data collected from the form
• If the form is invalid it reloads the modal html and shows the error fields, else closes the modal and django should save/redirect (I use get_success_url method in django form view but not working for me for some reason. It does save the object)

I'm uncomfortable with the way I check if the form is valid or not in genericLoadDialog, if someone has a better idea would be nice.