Peter,
Thanks for all your efforts resolving this, especially as this was all done over the weekend.
<template id=”colourTemplate”>
<div style=”width: 100%; height:100%;”>
<!– Note: this shows a few designer errors but works–>
<div style=”background:{{value}};“>&nbsp;</div>
</div>
</template>

1. Set the background not the background-color;
2. Set the div content to be &nbsp; as an empty div content doesn’t display anything.

Again, thanks for the excellent support.