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
Section titled “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
Section titled “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
Section titled “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
Section titled “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
Section titled “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
Section titled “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
Section titled “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
Section titled “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
Section titled “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
Section titled “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
Section titled “Next steps”Continue back to the detail page, the listings page, or the wider App Connect index.