These additional advanced methods provide controls and options that can be incorporated with your Custom Search Forms.
To use these helpers, your form must be wrapped in a container with: id="MBBv3Form"
e.g.
<div id="MBBv3Form">
<form id="...">
......
</form>
</div>
Some of these are advanced methods and will require knowledge of JavaScript, CSS and HTML.
- Type Ahead Helper (auto complete fields)
- Multi-MLS Helper (search 2 MLS based on values being picked)
- Price Select Helper
- Area Select Helper
- Cascading Select Helper
Type-Ahead Helper
This JavaScript helper enables users to quickly find and select multiple values from a pre-populated list of values as they type, leveraging searching and filtering.
The example here is for selecting multiple CITY values, which is the most commonly used.
However, it is possible to apply this same method to other value lists such as 'area', 'county' and so on.
Please contact us if you need assistance with other fields.
You will need to know the Buying Buddy MLS ID for your MLS.
This can be a name, or a set of numbers.
To discover this, create a sample Custom Search Link in the Wizard, and take note of the value showing for mbb_id:in the generated link.
For example, &filter=mbb_id:xxxx...., in this case, the MLS ID is xxxx.
See this live example with HTML and CSS:
Multi-MLS Helper
This JavaScript helper will allow you to associate a value picked in a <select> with a selected MLS.
You will need to know the Buying Buddy MLS ID for your MLS.
This can be a name, or a set of numbers.
To discover this, create a sample Custom Search Link in the Wizard, and take note of the value showing for mbb_id:in the generated link.
For example, &filter=mbb_id:xxxx...., in this case, the MLS ID is xxxx.
Remember!
MLS data cannot be co-mingled, so this method can only allow the selection of a single MLS for any single search event.
If your account has multiple MLS, then this method lets you create a custom search form that combines common values from each MLS.
When the form is used and values selected, this also has the (hidden) effect of selecting an MLS at the same time.
For example, this method could be used to show a selection of Cities in your form, where Cities are in different MLS.
When the user selects a City value, the form code ALSO sets a choice of MLS at the same time based on that choice of City.
See the example code below that includes HTML and the required JavaScript:
Price Select Helper
This method creates a single price field which then displays max and min price options in a drop-down panel.
See example cs#9 in the section below
Area Select Helper
This method presents a single field for selecting City, Subarea or Zip.