Here are additional advanced features, controls and methods 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>
......
</form>
</div>
Some of these are advanced methods and will require knowledge of JavaScript, CSS and HTML.
- Limit Search to Office Listings (or Agent Listings)
- Add type-ahead / auto-complete fields
- Searching 2 MLS based on values being picked
- Price Combo field
- Area Combo Field
Limit Search to JUST Office or Agent Listings
Although Agent ID and Office ID are not included as displayed fields on the standard search form widget, these values can be used in searches.
These values need to be passed as filters or, for example, as (hidden) values on custom search forms.
The results widget will then display matching properties and also a criteria badge for the passed value.
A user may remove the criteria by clicking "New Search" or by deleting the displayed criteria.
NOTE: A user can be prevented from removing Agent ID and Office ID criteria by simply hiding those options, thereby forcing a user to continue to search based on any applicable Office IDs or Agent IDs. In such a case, it may be appropriate to have a special page just for searching Office Listings, for example.
See examples: https://charliesmithrealty.com/search-office-and-agent-listings-only/
To HIDE the Agent ID and Office ID criteria badges and also hide the New Search button, use this CSS:
.bfg-criteria-office-id,
.bfg-criteria-agent-id,
.results-new-search {
display:none !important;
}
Search Form Type-Ahead / Auto-Complete
This JavaScript method 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 MBB MLS-CODE for your MLS.
This can be a name, or a set of numbers.
To discover this, create a sample Custom Search Link in your LAC, and take note of the value showing for mbb_id:in the generated link.
For example, "&filter=mbb_id:xxxx....", in this case, the MBB MLS-CODE is xxxx.
See this live example with HTML and CSS:
Supporting Multiple MLS in a Single Search Form
You will need to know the MBB MLS-CODE for your MLS.
This can be a name, or a set of numbers.
To discover this, create a sample Custom Search Link in your LAC, and take note of the value showing for mbb_id:in the generated link.
For example, "&filter=mbb_id:xxxx....", in this case, the MBB MLS-CODE 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 Combo Select Field
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 Combo Search Field
This method presents a single field for selecting City, Subarea or Zip.