Allow styling to popular-labels macro

Popular labels macro does not allow any applied style to the background for heatmap display, this can also not be overridden in the spaces "Stylesheet" settings as the style has been applied at the element level.

I have a few solutions:

Add Full Style Attributes to Macro

This is the most workable and user-friendly way to customise the macro, add following attributes to macro:

• background-color
• border
• border-color
• border-style

Add background-color Attribute

Not the most ideal, but it is fairly workable, allow for transparent background-color (specify a color of ''), users can then style the border by placing the macro inside a panel macro.

Move Style Attributes to Stylesheet

The least user-friendly, but it allows users to control the look of the labels macro by using their custom stylesheet for the space.

Current Solution

I do have a workaround without having to modify the source for those interested. What you need to do is go to "Administration > Look and Feel > Custom HTML" and add the following to the HEAD section.

<script type='text/javascript' language='javascript'>
AJS.$(function($) {
  $(".heatmap ul").css("background-color", "");
});
</script>

note: This technique has two caveats.

1. It is applied to all spaces, you can control this by testing for the spaces key.
2. There will be a flicker of gray to no color when the pages first load with heatmaps in them.