arcade rendered pop-up table colors

mikaël

I have a couple of tables created from arcade expression in pop-ups for a layer. they are generated with arcade because they contain values from other tables/layers.

in the following screenshot, the first table is generated automatically by the map viewer, and the second table is generated from an arcade expression, which is present in the second screenshot (a little bit shortened for this post).

var cssGris = "style='background-color:#ededed;'";
var cssGrisP = "style='background-color:#fbfbfb;'";
var cssLeft = "style='text-align: left;'";
var cssRight = "style='text-align: right;'";

var layer1 = ...
var layer2 = ...

var table = "<table style='width: 100%'>";
table += `<tr ${cssGris}>
  <td ${cssLeft}>horaire</td>
  <td ${cssRight}>${heure}</td>
</tr>`
table += `<tr ${cssGrisP}>
  <td ${cssLeft}>quotidien</td>
  <td ${cssRight}>${jour}</td>
</tr>`

table += "</table>";

return {
  type: "text",
  text: table
};

 

instead of using hard-coded style values, is it possible to render a table with default map viewer style values?

i ask this because when using the map in a dashboard, if the dark theme is selected, the pop-up colors do not fit at all! see second table in the following screenshot:

or is there some way to change the colors based on the selected dashboard theme?

mikaël

I was building HTML tables and returning them with

return {
  type: "text",
  text: table
};

but with the help of this post, I realized I could return fields just as you suggested @jcarlson. I guess I just didn't know how to return the "field" type from arcade.

return {
    type: 'fields',
    title: 'title', 
    description : 'desc',
    fieldInfos: [{'fieldName': 'field1'}],
    attributes : {'field1': 'value'}
}

 

Would you know by any chance where to find info on the return types that exist in arcade and info on them? I can't seem to find anything.

Thanks for your help!