Customize HTML Output of Django ModelForm

Question

I am trying to add multiple inline form items to a page using Djangos ModelForms. I need Select boxes bound to database models. The forms are formatted and placed in a tabular format so I need to display only the ModelForm without ANY surrounding HTML.

class LeagueForm(ModelForm):
league = forms.ModelChoiceField(queryset=League.objects.all(), empty_label='Manual Team Entry:', required=False)

class Meta:
    model = League
    exclude = ['league_name']

Template:

{% if selected_sport == 1 %}        
<td>{{ nhl_form.as_p }}</td>
{% else %}

The problem is I dont want the paragraph tags, nor tables tags or anything at all. I need to have the form nicely sit where I place it without garbling up the surrounding html.

Can anyone please point me in the right direction? Thanks

Daniel Roseman · Accepted Answer · 2009-11-11 20:22:00Z

16

Just refer to each field separately.

{{ nhl_form.league }}

will only show the league field, with no surrounding cruft.

answered Nov 11, 2009 at 20:22

Daniel Roseman

602k68 gold badges911 silver badges924 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Viet Over a year ago

And how can I add extra custom CSS class names to each field (for processing with CSS/jQuery later on)?

Viet Over a year ago

@Mark: Details here: docs.djangoproject.com/en/1.1/topics/forms/…

joshcartme Over a year ago

@viet, that documentation was very helpful as I did not want to refer to each field separately.

Alexander Bird · Accepted Answer · 2010-10-02 23:40:43Z

0

see also http://docs.djangoproject.com/en/dev/topics/forms/modelforms/#overriding-the-default-field-types-or-widgets

answered Oct 2, 2010 at 23:40

Alexander Bird

41k44 gold badges133 silver badges163 bronze badges

Collectives™ on Stack Overflow

Customize HTML Output of Django ModelForm

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related