Copy and paste to page's or post's content area.
First example includes all options.
[fcretiresavingsplugin sc_size="tiny" sc_custom_style="No" sc_add_link="Yes" sc_brand_name="Your Name Here" sc_hide_resize="No" sc_current_age="29" sc_retire_age="66" sc_current_savings="17000" sc_rate="5.25" sc_goal_amt="1100000.0" sc_currency="83" sc_date_mask="2"]
[fcretiresavingsplugin sc_size="small" sc_custom_style="Yes" sc_hide_resize="Yes" sc_currency="83" sc_date_mask="2"]
[fcretiresavingsplugin sc_custom_style="No" sc_add_link="Yes" sc_brand_name="Friendly Financial" sc_hide_resize="Yes"]
Optional array parameter passed to
This can be copied and pasted to a template part.
Valid values for options are the same as the shortcode above.
'op_size' => "medium",
'op_custom_style' => "No",
'op_add_link' => "Yes",
'op_brand_name' => "",
'op_hide_resize' => "No",
'op_current_age' => "28",
'op_retire_age' => "66",
'op_current_savings' => "18000",
'op_rate' => "5.5",
'op_goal_amt' => "1000000.0",
'op_currency' => "999",
'op_date_mask' => "999")); ?>
- If you want to add your brand to the calculator, the add link option must be set to "Yes".
- When branding, your brand name will be added before "Retirement Calculator".
- If custom style is set to "Yes", the plugin will load fin-calc-widgets-custom.css located in the plugin's CSS folder. If you set the option to "Yes" without making any changes, the calculator will change to a horrendous red which indicates the custom css is being used.
- The plugin is built and tested on HTML5/CSS3 pages.
- max-width: large: 440px, medium: 340px, small: 290px, tiny: 150px
- New: Website developers can set a default currency sign and preferred date format by setting <op /sc>_currency and <op /sc>_date_mask respectively. Set one or both to an integer value. For the list of integers to support 90 plus currency symbols and 6 date format options, see the file currency_and_date_conventions.txt in the plugin's root folder. (example: India, Indian Rupee: ₹1,23,45,678.99 = 83)
New: Support for over 90 currency signs (using appropriate nummber formatting conventions) and 6 date formats (mm/dd/yyyy, dd/mm/yyyy, yyyy.mm.dd etc.). If neither the website developer or the user makes a selection, the calculator will read the browser's default currency and date options and automatically use them. Without doing anything, a website visitor from Japan visiting a website hosted in France will initially see a floating yen sign. The website developer can easily override this default behavior by setting either shortcodes or function options. The user (if the website designer keeps the feature enabled) can override both and select a currency and date format.
To summarize, the plugin determines what currency symbol (and date format) to use by applying the following rules:
- If a website allows a user to select a symbol, and the user makes a selection, the plugin uses the visitor's choice first.
- Otherwise, if a user has not made a selection, and the website owner has set a default currency (i.e., currency does not equal 999), the calculator uses the website's selection.
- Otherwise, the calculator plugin will attempt to read the browser's currency default and pick a currency symbol.
- Otherwise, the plugin defaults to using the '$' symbol.