Supporting data
The page loads listings and date helpers before the form is submitted.
Demo walkthrough: Real Estate inquiry form
Focused walkthrough of the renewed inquiry page: Server Connect form posting, listing picker, calendar availability, validation, and success feedback.
Inquiry page mental model
The inquiry page is the demo’s form workflow example. It combines page-level data, availability helpers, and a Server Connect form that posts into the SQLite-backed inquiry pipeline.
Server Connect form
`inquiry_form` posts directly to `/api/inquiries/insert`.
Feedback on page
The same form surface exposes executing, success, and error states.
Load the listing picker data.
Guide the user with availability inputs.
Post the form and reflect the result in place.
Inquiry page opens
The walkthrough starts on views/inquiry.ejs, where the renewed demo combines calendar guidance with a Server Connect form workflow.
Inquiry editor is ready
The inquiry page is now active in Design View, so the Structure and Properties panels can follow the live page context.
Listings source for the picker
sc_listings loads the available listings so the form can present a live property picker instead of hard-coded options.
Showing calendar
The calendar gives users immediate context about availability before they fill the form, which makes the page feel guided instead of blank.
Server Connect form
inquiry_form is the page’s main workflow component. It posts to /api/inquiries/insert and exposes execution and feedback state directly to the UI.
Listing picker input
inp_listing_id shows how the form reuses the loaded listing collection to generate live select options and also accepts a prefilled query value from other pages.
Preferred date picker
The date picker mixes custom available dates and blocked dates, which is a practical example of App Connect enriching input controls with page-level data.
Submit button and feedback state
The submit button reacts to inquiry_form.state.executing, while the alert blocks above the form reflect success or failure after submission. That keeps the whole workflow visible on one page.
Wrap-up
The inquiry page completes the renewed demo’s workflow chain: browse listings, inspect a property, then save an inquiry through a guided App Connect form.
Next steps
Continue back to the detail page, the listings page, or the wider App Connect index.