Web Style Guide
Menu
Search

Jumbo boxExchange rates

An exchange rates element embedded in a jumbo box features the exchange rates in detail and allows the user to explore the available data with a broad set of input controls.

Minimum requirements
  • 1 jumbo box
  • 1 block of input controls
  • 1 data container

Quick access

Usage
HTML structurePresetsVariations
Advanced settings

Presets

?

Variations

?

ECB euro reference exchange rate

Latest (2 February 2018 1.12)
EUR 1 = USD-0.1246(-10.0%)
Change from 1 January 2018to 2 February 2018
Min (22 January 2018)
1.1000
Max (18 January 2018)
4.1000
Average
1.4328
Loading data ...
HTML
Copy to clipboard





	

		

			Interactive viewUsageHTML structurePresetsVariationsTest pageGo to top		

	

	

		
Details

		
Usage
The exchange rates element was designed to features reference rates information inside a jumbo box and should only be used in the exchange rates pages.
HTML structure
Overall HTML view of an exchange rates element inside a jumbo box:
HTML file (.html)
        
...

        
div.jumbo-box
            
div.exchange-rates

        

        
...

    
Presets
Jumbo box with exchange rates presets:
PresetDescription
DefaultDefault template.
Variations
Jumbo box with exchange rates variations: