I am trying to follow the documentation here:
https://docs.microsoft.com/en-us/dynamics365/marketing/custom-template-attributes#add-property-reference-attributes-to-implement-style-settings-in-the-body
I added this code to the head of my email:
<meta type="xrm/designer/setting" name="accent" value="#00b9be" datatype="color" label="Accent">
And I created a content block with a button. In order to achieve that the button takes on the accent color defined in the template, I added
property-reference="background-color:@accent;"to the a tag. But it is not working.
<div align="center" style="margin: 0px;" class="buttonWrapper" data-sub-block="true" data-block-datatype="Button" property-reference="background-color:@accent;"><a class="buttonClass" href="#Button" style="text-align: center; margin-right: auto; margin-left: auto; display: inline-block; border-radius: 2px; color: rgb(255, 255, 255); width: fit-content; height: auto; padding: 10px 20px; max-width: 100%; border-color: rgb(255, 255, 255); border-width: 1px; border-style: none; vertical-align: middle; box-sizing: border-box; line-height: normal; font-size: 13px;mso-hide: none !important;" data-msdyn-tracking-id="cde18197abc9716480265204sdf83" property-reference="background-color:@accent;">
<span property-reference="@font-family" style="color: rgb(255, 255, 255); text-decoration: none; font-size: 13px; font-family: "Open Sans", Arial, Helvetica, sans-serif;">Learn more of whatever you want</span>
</a></div>
I also tried this with a p tag with no effect:
<p property-reference="color:@accent;">
What am I doing wrong?