Forms sample - Viewflow Demo

Introduction

Source code
Python
HTML

Hospital registration form

class HospitalRegistrationForm(Form, forms.Form):
    class EmergencyContractForm(forms.Form):
        name = forms.CharField()
        relationship = forms.ChoiceField(choices=(
            ('SPS', 'Spouse'), ('PRT', 'Partner'),
            ('FRD', 'Friend'), ('CLG', 'Colleague')))
        daytime_phone = forms.CharField()
        evening_phone = forms.CharField(required=False)

    EmergencyContractFormSet = forms.formset_factory(
        EmergencyContractForm, extra=1, can_delete=True)

    registration_date = forms.DateField(initial=datetime.date.today)
    full_name = forms.CharField()
    birth_date = forms.DateField()
    height = forms.IntegerField(help_text='cm')
    weight = forms.IntegerField(help_text='kg')
    primary_care_physician = forms.CharField()
    date_of_last_appointment = forms.DateField()
    home_phone = forms.CharField()
    work_phone = forms.CharField(required=False)

    procedural_questions = forms.MultipleChoiceField(
        widget=forms.CheckboxSelectMultiple, required=False,
        choices=QUESTION_CHOICES)

    cardiovascular_risks = forms.MultipleChoiceField(
        widget=forms.CheckboxSelectMultiple, required=False,
        choices=CARDIOVASCULAR_RISK_CHOICES)

    apnia_risks = forms.MultipleChoiceField(
        widget=forms.CheckboxSelectMultiple, required=False,
        choices=APNIA_RISK_CHOICES)

    emergency_contacts = FormSetField(EmergencyContractFormSet)

    layout = Layout(Row(Column('full_name', 'birth_date',
                               Row('height', 'weight'), span_columns=3), 'registration_date'),
                    Row(Span3('primary_care_physician'), 'date_of_last_appointment'),
                    Row('home_phone', 'work_phone'),
                    Fieldset('Procedural Questions', 'procedural_questions'),
                    Fieldset('Clinical Predictores of Cardiovascular Risk', 'cardiovascular_risks'),
                    Fieldset('Clinical Predictors of sleep Apnia Risk', 'apnia_risks'),
                    Fieldset('Emergency Contacts', 'emergency_contacts'))

Hospital registration form

<form method="POST">
    {% csrf_token %}    
    {% form %}
        {% part form.registration_date prefix %}<i class="material-icons prefix">insert_invitation</i>{% endpart %}
        {% part form.date_of_last_appointment prefix %}<i class="material-icons prefix">insert_invitation</i>{% endpart %}
        {% part form.primary_care_physician prefix %}<i class="material-icons prefix">face</i>{% endpart %}
        {% part form.home_phone prefix %}<i class="material-icons prefix">call</i>{% endpart %}
        {% part form.work_phone prefix %}<i class="material-icons prefix">call</i>{% endpart %}
        {% part form.procedural_questions label %}{% endpart %}
        {% part form.cardiovascular_risks label %}{% endpart %}
        {% part form.cardiovascular_risks columns %}2{% endpart %}
        {% part form.apnia_risks label %}{% endpart %}
        {% part form.apnia_risks columns %}3{% endpart %}
        {% part form.emergency_contacts label %}{% endpart %}
    {% endform %}
    <button type="submit" class="btn">Submit</button>
</form>

Name	Relationship	Daytime phone	Evening phone
Name	Relationship	Daytime phone	Evening phone
Name	Relationship	Daytime phone	Evening phone

Procedural Questions

Clinical Predictores of Cardiovascular Risk

Clinical Predictors of sleep Apnia Risk

Low

Moderate

High

Emergency Contacts

Source code