Oops! Sorry!!


This site doesn't support Internet Explorer. Please use a modern browser like Chrome, Firefox or Edge.

Homebuying Budget — Developer Handoff

Padzilly — Buyer Profile

Homebuying Budget Container — Build Spec

This replaces the internals of the existing Homebuying Budget container in the buyer profile. Layout, colors, and placement within the larger page are unchanged — this is a self-contained update to the card only.

What's new:

  • Buyers can now set a lower Funds Available amount, mirroring the existing Max Monthly Payment reduction that already ships today.
  • Both amounts use a typed number field with ± steppers and quick preset chips — no slider.
  • Both fields are hard-clamped so a buyer can only enter a value at or below the approved amount from their loan approval — never above it.
  • When a value is lowered and saved, the card gets a light blue tint and an “Adjusted” badge, and the toggle link relabels to “Edit amount” so an active override is visible without opening the panel.
  • The Age Restricted Communities section below is unchanged.
Before this goes live: the amounts ($3,571 / $35,000) and the Save button in this file are hardcoded for demo purposes. Wire state.payment.approved and state.cash.approved to the real loan approval values on page load, and connect the Save handler to the actual save/search-filter call.

1Finished Product

2Code

homebuying-budget.html