W
WA Flow Builder
expand_more
Generated Flow JSON version

Screens

A-Z, 0-9, _
Max 30 chars
Terminal Requires Footer
drag_indicator TEXTHEADING Book an appointment
drag_indicator TEXTBODY Fill in your details and we will confirm your slot shortly.
drag_indicator TEXTINPUT Full name [full_name]
drag_indicator DATEPICKER Preferred date [appt_date]
drag_indicator FOOTER Submit
check_circle Valid JSON Flow JSON output · Meta v7.2 
{
    "version": "7.2",
    "screens": [
        {
            "id": "WELCOME",
            "title": "Welcome",
            "terminal": true,
            "layout": {
                "type": "SingleColumnLayout",
                "children": [
                    {
                        "type": "TextHeading",
                        "text": "Book an appointment"
                    },
                    {
                        "type": "TextBody",
                        "text": "Fill in your details and we will confirm your slot shortly."
                    },
                    {
                        "type": "Form",
                        "name": "form_welcome",
                        "children": [
                            {
                                "type": "TextInput",
                                "name": "full_name",
                                "label": "Full name",
                                "required": true,
                                "input-type": "text"
                            },
                            {
                                "type": "DatePicker",
                                "name": "appt_date",
                                "label": "Preferred date",
                                "required": true
                            },
                            {
                                "type": "Footer",
                                "label": "Submit",
                                "on-click-action": {
                                    "name": "complete",
                                    "payload": {
                                        "full_name": "${form.full_name}",
                                        "appt_date": "${form.appt_date}"
                                    }
                                }
                            }
                        ]
                    }
                ]
            }
        }
    ]
}