This widget will display the mortgage payment calculator.
Use filter options to set the initial values as needed.
NOTE: The Property Details widget also includes this calculator as part of its display.
Size
- Minimum width: Designed for mobile
- Maximum width: Unlimited
Colors and Background
- Widget Themes can be used to apply predefined, or your own, color schemes.
- The chart colors are currently fixed. However, you may use CSS to set your own colors.
- The background is always transparent.
Limitations
We recommend that the Calculator widget is NOT displayed on the same page as the Property Details widget.
Parameters
- data-type="Calculator"
- data-filter= (optional)
Specify initial values for the various fields.
Using a filter with the widget is optional, but allows you to set the initial values.- price:{value} (default 500000) Set the initial price field
- down_payment:{value}(default 100000) Set the initial Down Payment field.
- loan_type:{10|15|20|25|30|40} (default 30) Set the initial Loan Type.
- interest_rate:{value} (default 3.92) Set initial interest rate.
Use
The Calculator widget can be displayed using the following widget code:
<bb-widget data-type="Calculator"></bb-widget>
[mbb_widget data-type="Calculator"]
Example With Filter
To set the initial values, use filters as show in this example:
<bb-widget data-type="Calculator" data-filter="price:400000+down_payment:30000+loan_type:25+interest_rate:2.00">/bb-widget>
[mbb_widget data-type="Calculator" data-filter="price:400000+down_payment:30000+loan_type:25+interest_rate:2.00"]