create_div_background

This function adds a background image to a cell from the arrangement for you to then 'overlay' other data items. It is a visually effective way to present data in a more custom and meaningful way to your report users. If you name the content appropriately you can use this name later on as your location_id to add content on top of the image using a transparent background (see example further down).

Basic format: "content_name": ["create_div_background", "background_image_path", "location_id"]

e.g: "div_home_attempts": ["create_div_background", "images/Football/goal.png", "#A3"]

Here is more accompanying elements to represent the above visualisation:

e.g: "div_home_attempts": ["create_div_background", "images/Football/goal.png", "#A3"]

, "home_attempts_col": ["create_bootstrap_columns", 3, "#div_home_attempts"]

, "card_home_attempts_ont": ["create_data_card", "On Target", "home_on_target", "#home_attempts_col_1", "transparent", "", 80]

 , "card_home_attempts_goals": ["create_data_card", "Goals", "home_goal", "#home_attempts_col_2", "transparent", "", 80]

, "card_home_attempts_offt": ["create_data_card", "Off Target", "home_off_target", "#home_attempts_col_3", "transparent", "", 80]

Where 'transparent' is a stored colour : "transparent": "#EFEFEF00" (this is grey with 00 at the end which makes the colour 0% opaque or 100% transparent)