Forms sample - Viewflow Demo

Source code
Python
HTML

Profile form

from django import forms 
from django.forms import foumset_factory 
from material import Layout, Row 
from material.forms import Form, FormField 

class AddressForm(forms.Form):
    line_1 = forms.CharField(max_length=250)
    line_2 = forms.CharField(max_length=250)
    state = forms.CharField(max_length=100)
    city = forms.CharField(max_length=100)
    zipcode = forms.CharField(max_length=10)

    layout = Layout(
        'line_1',
        'line_2',
        'state',
        Row('city', 'zipcode'),
    )

AddressFormSet = formset_factory(AddressForm, extra=3, can_delete=True) 

class ProfileForm(Form):
    username = forms.CharField(max_length=50)
    first_name = forms.CharField(max_length=250)
    last_name = forms.CharField(max_length=250)
    address = FormField(form_class=AddressForm)

    layout = Layout(
        'username',
        Row('first_name', 'last_name'),
        'address'
    )

Profile form

<form method="POST">
    {% csrf_token %}    
    {% form %}
    {% endform %}
    <button type="submit" class="btn">Submit</button>
</form>

Address

Source code

Profile form

Profile form