<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Re: Overriding tintColor while using dictionary renderer in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/overriding-tintcolor-while-using-dictionary/m-p/1647735#M87580</link>
    <description>&lt;P&gt;Hi - one thing that might be worth trying is capitalizing the `TintColor` property in your script. I believe all the property names should be capitalized in order for the primitive overrides to be applied correctly.&amp;nbsp;&lt;/P&gt;&lt;P&gt;More info on working with overrides in dictionaries:&amp;nbsp;&lt;A href="https://github.com/Esri/dictionary-renderer-toolkit/blob/master/docs/working-with-overrides.md" target="_blank"&gt;https://github.com/Esri/dictionary-renderer-toolkit/blob/master/docs/working-with-overrides.md&lt;/A&gt;&lt;/P&gt;</description>
    <pubDate>Wed, 03 Sep 2025 20:48:10 GMT</pubDate>
    <dc:creator>AnneFitz</dc:creator>
    <dc:date>2025-09-03T20:48:10Z</dc:date>
    <item>
      <title>Overriding tintColor while using dictionary renderer</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/overriding-tintcolor-while-using-dictionary/m-p/1647563#M87579</link>
      <description>&lt;P&gt;I was wondering about how overriding tintColor is supposed to work when using a local dictionary renderer.&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;The relevant snippet of my arcade expression is the following&amp;nbsp;&lt;/P&gt;&lt;LI-CODE lang="javascript"&gt;keys += ';SymbolType_' + $feature.SYMBOL_TYPE;
keys +=';po:rotated|Rotation|';
var rot = (360 - $feature.ROTATION) + 90;
keys += rot;
keys += ";po:rotated|tintColor|#FF0000FF";&lt;/LI-CODE&gt;&lt;P&gt;I've also tried using [255,0,0,255], "255,0,0" for overriding the color. I've used TintColor, tintcolor etc.&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;The CimPictureMarker that is being used looks like this.&amp;nbsp;&lt;/P&gt;&lt;DIV&gt;&lt;PRE&gt;{&lt;BR /&gt;  &lt;SPAN&gt;"type"&lt;/SPAN&gt;: &lt;SPAN&gt;"CIMPointSymbol"&lt;/SPAN&gt;,&lt;BR /&gt;  &lt;SPAN&gt;"symbolLayers"&lt;/SPAN&gt;: [&lt;BR /&gt;    {&lt;BR /&gt;      &lt;SPAN&gt;"type"&lt;/SPAN&gt;: &lt;SPAN&gt;"CIMPictureMarker"&lt;/SPAN&gt;,&lt;BR /&gt;      &lt;SPAN&gt;"primitiveName" &lt;/SPAN&gt;: &lt;SPAN&gt;"rotated"&lt;/SPAN&gt;,&lt;BR /&gt;      &lt;SPAN&gt;"enable"&lt;/SPAN&gt;: &lt;SPAN&gt;true&lt;/SPAN&gt;,&lt;BR /&gt;      &lt;SPAN&gt;"anchorPointUnits"&lt;/SPAN&gt;: &lt;SPAN&gt;"Relative"&lt;/SPAN&gt;,&lt;BR /&gt;      &lt;SPAN&gt;"dominantSizeAxis3D"&lt;/SPAN&gt;: &lt;SPAN&gt;"Y"&lt;/SPAN&gt;,&lt;BR /&gt;      &lt;SPAN&gt;"size"&lt;/SPAN&gt;: &lt;SPAN&gt;12&lt;/SPAN&gt;,&lt;BR /&gt;      &lt;SPAN&gt;"billboardMode3D"&lt;/SPAN&gt;: &lt;SPAN&gt;"FaceNearPlane"&lt;/SPAN&gt;,&lt;BR /&gt;      &lt;SPAN&gt;"invertBackfaceTexture"&lt;/SPAN&gt;: &lt;SPAN&gt;true&lt;/SPAN&gt;,&lt;BR /&gt;      &lt;SPAN&gt;"scaleX"&lt;/SPAN&gt;: &lt;SPAN&gt;1&lt;/SPAN&gt;,&lt;BR /&gt;      &lt;SPAN&gt;"colorLocked" &lt;/SPAN&gt;: &lt;SPAN&gt;false&lt;/SPAN&gt;,&lt;BR /&gt;      &lt;SPAN&gt;"tintColor" &lt;/SPAN&gt;: [&lt;SPAN&gt;255&lt;/SPAN&gt;,&lt;SPAN&gt;0&lt;/SPAN&gt;,&lt;SPAN&gt;0&lt;/SPAN&gt;,&lt;SPAN&gt;255&lt;/SPAN&gt;],&lt;BR /&gt;      &lt;SPAN&gt;"url" &lt;/SPAN&gt;: &lt;SPAN&gt;"../../../../../../flags/icons/default_symbol.svg"&lt;BR /&gt;&lt;/SPAN&gt;    }&lt;BR /&gt;  ],&lt;BR /&gt;  &lt;SPAN&gt;"haloSize"&lt;/SPAN&gt;: &lt;SPAN&gt;1&lt;/SPAN&gt;,&lt;BR /&gt;  &lt;SPAN&gt;"scaleX"&lt;/SPAN&gt;: &lt;SPAN&gt;1&lt;/SPAN&gt;,&lt;BR /&gt;  &lt;SPAN&gt;"angleAlignment"&lt;/SPAN&gt;: &lt;SPAN&gt;"Display"&lt;/SPAN&gt;,&lt;BR /&gt;  &lt;SPAN&gt;"version"&lt;/SPAN&gt;: &lt;SPAN&gt;"2.0.0"&lt;/SPAN&gt;,&lt;BR /&gt;  &lt;SPAN&gt;"build"&lt;/SPAN&gt;: &lt;SPAN&gt;"8933"&lt;BR /&gt;&lt;/SPAN&gt;}&lt;/PRE&gt;&lt;/DIV&gt;&lt;P&gt;Again, I've tried with both an svg and png. While the JSON defined tintColor works with both, the arcade expression only accomplishes making the feature be invisible. I've also verified that no errors are logged in the console.&amp;nbsp;&lt;/P&gt;&lt;P&gt;I understand that this example is incomplete as I am unable to provide a complete example due to time constraints.&amp;nbsp;&lt;/P&gt;&lt;P&gt;Any input would be appreciated.&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Wed, 03 Sep 2025 09:25:56 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/overriding-tintcolor-while-using-dictionary/m-p/1647563#M87579</guid>
      <dc:creator>DanielLindblad</dc:creator>
      <dc:date>2025-09-03T09:25:56Z</dc:date>
    </item>
    <item>
      <title>Re: Overriding tintColor while using dictionary renderer</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/overriding-tintcolor-while-using-dictionary/m-p/1647735#M87580</link>
      <description>&lt;P&gt;Hi - one thing that might be worth trying is capitalizing the `TintColor` property in your script. I believe all the property names should be capitalized in order for the primitive overrides to be applied correctly.&amp;nbsp;&lt;/P&gt;&lt;P&gt;More info on working with overrides in dictionaries:&amp;nbsp;&lt;A href="https://github.com/Esri/dictionary-renderer-toolkit/blob/master/docs/working-with-overrides.md" target="_blank"&gt;https://github.com/Esri/dictionary-renderer-toolkit/blob/master/docs/working-with-overrides.md&lt;/A&gt;&lt;/P&gt;</description>
      <pubDate>Wed, 03 Sep 2025 20:48:10 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/overriding-tintcolor-while-using-dictionary/m-p/1647735#M87580</guid>
      <dc:creator>AnneFitz</dc:creator>
      <dc:date>2025-09-03T20:48:10Z</dc:date>
    </item>
  </channel>
</rss>

