Quote board widget - User guide
1Overview
This document describes the configuration options which are available as standard in the Quote Board website widget, by varying the URL. Many of these options are common to all the widgets provided by FX Blue Labs.
1.1Widget iframe HTML
The HTML for the widget is as follows. You need an account on the www.fxblue.com website, and you must fill in the name of your account as the userid=X setting in the URL:
<iframe src="//www.fxblue.com/webwidgets/quoteboard/quoteboard?userid=X" width="300" height="230">
<a href="//www.fxblue.com">FX Blue - free tools and services for FX and CFD traders</a>
</iframe>
Several settings in the widget can be changed by adding options to the URL in the src attribute of the iframe.
You can change the width and height to any value which you want. The recommended minimum size for the widget is 300x230.
2Quote board configuration options
This section describes the options in the widget which can be changed, by adding options to the URL in the src attribute for the iframe. In the following example, the theme option has been added to the URL:
<iframe src="//www.fxblue.com/webwidgets/quoteboard/quoteboard?userid=X&theme=Black">
<a href="//www.fxblue.com">FX Blue - free tools and services for FX and CFD traders</a>
</iframe>
2.1Colours
You can change the colours used by the Quote Board widget either by switching to a complete alternative theme, or by specifying individual colours. But you cannot use both options: the theme, if specified, takes precedence.
All individual colours can be specified using either CSS names such as Red or Goldenrod, or using hex codes such as #E0FFE0. Please note that the # character should be URL-encoded as %23. For example:
//www.fxblue.com/webwidgets/quoteboard/quoteboard?userid=X&clr_bg=%23E0FFE0
2.1.1Theme
The Quote Board widget currently has two built-in colour themes: the standard one (light), and a dark theme. You can switch to the dark theme using the following addition (case-sensitive) to the URL:
&theme=Black
The theme cannot be used in combination with the other, individual colour options described here. The theme takes precedence.
2.1.2Background colour - &clr_bg
You can change the widget's background colour using the &clr_bg setting. For example:
&clr_bg=%23808080
2.1.3Text colour - &clr_tx
You can change the colour of the text in the widget using the &clr_tx setting. For example:
&clr_tx=Red
2.1.4Toolbar background colour - &clr_tb
You can change the background colour of the toolbar using the &clr_tb setting. For example:
&clr_tb=LightGray
2.1.5Background colour for price rises - &clr_prbg
You can change the background colour used to highlight prices which are rising using the &clr_prbg setting. For example:
&clr_prbg=Blue
2.1.6Text colour for price rises - &clr_prtx
You can change the text (foreground) colour used to highlight prices which are rising using the &clr_prtx setting. For example:
&clr_prtx=White
2.1.7Background colour for price falls - &clr_pfbg
You can change the background colour used to highlight prices which are falling using the &clr_pfbg setting. For example:
&clr_pfbg=Blue
2.1.8Text colour for price falls - &clr_pftx
You can change the text (foreground) colour used to highlight prices which are falling using the &clr_pftx setting. For example:
&clr_pftx=White
2.2Instrument list
You can change the list of instruments in the widgets using a comma-separated list in the &symbols setting. For example:
&symbols=EURUSD,GBPUSD,USDJPY
The values which you can use in the free retail widget are as follows:
EURUSD, USDJPY, GBPUSD, USDCHF, AUDUSD, USDCAD, EURGBP, EURAUD, EURJPY, EURCHF, GBPJPY, GBPCHF, AUDNZD, AUDCAD, XAUUSD
