Hi,
I am looking to have my table in the popup window display background colours to reflect a variable number, depending on which feature is selected. I am able to do this the way I want in the WebMap, but when viewing the dashboard or web app, it just stays blank. I am wondering if there is a different way to write the html for the popup or if it just does not get translated to the dashboard as I know that is the case for some advanced symbology.
Here is the html and a screenshot from the WebMap with the correct behavior (I have the font in the html as well as the client might want to change it to black later).
</div><div style="padding:5px;background-color:rgb(194,194,194)"><b>Climate Risk Index Scores</b></div>
<table style="width:100%">
<tbody>
<tr>
<td style="border:0.5px solid rgb(215,215,215);width: 75%;text-align: left;">Coastal (Baseline)</td>
<td bgcolor= "#{expression/expr6}" style="border:0.5px solid rgb(215,215,215);width: 25%;text-align: center;"><b><font color="#{expression/expr6}" size="4">{coastnow_new}<br /></b></td>
</tr>
<tr>
<td style="border:0.5px solid rgb(215,215,215);text-align: left;">Coastal (Late-Century)</td>
<td bgcolor= "#{expression/expr7}" style="border:0.5px solid rgb(215,215,215);text-align: center;"><b><font color="#{expression/expr7}" size="4">{coastlate_new}</b></td>
</tr>
<tr>
<td style="border:0.5px solid rgb(215,215,215);text-align: left;">Flood (Baseline)</td>
<td bgcolor= "#{expression/expr8}" style="border:0.5px solid rgb(215,215,215);text-align: center;"><b><font color="#{expression/expr8}" size="4">{floodnow_new}<br /></b></td>
</tr>
<tr>
<td style="border:0.5px solid rgb(215,215,215);text-align: left;">Wildfire (Baseline)</td>
<td bgcolor= "#{expression/expr5}" style="border:0.5px solid rgb(215,215,215);text-align: center;"><b><font color="#{expression/expr5}" size="4">{firenow_new}<br /></b></td>
</tr>
<tr>
<td style="border:0.5px solid rgb(215,215,215);text-align: left;">Wildfire (Mid-Century)</td>
<td bgcolor= "#{expression/expr10}" style="border:0.5px solid rgb(215,215,215);text-align: center;"><b><font color="#{expression/expr9}" size="4">{firemid_new}<br /></b></td>
</tr>
<tr>
<td style="border:0.5px solid rgb(215,215,215);text-align: left;">Wildfire (Late-Century)</td>
<td bgcolor= "#{expression/expr10}" style="border:0.5px solid rgb(215,215,215);text-align: center;"><b><font color="#{expression/expr10}" size="4">{firelate_new}<br /></b></td>
</tr>
</tbody>
</table>
However, when this map is used in the Dashboard, the popup does use the expressions for the font, yet the background is blank? I know I am using the "bgcolor" html parameter and I'm not sure if there are other options that work better?
Thanks for the help!
Andrew