<?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 ColorInfoSlider dijit not rendering correctly in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/colorinfoslider-dijit-not-rendering-correctly/m-p/1191626#M77907</link>
    <description>&lt;P&gt;I am working on a viewer widget using the ColorInfoSlider dijit and cannot seem to figure out why the slider does not render properly in my viewer architecture.&lt;/P&gt;&lt;P&gt;I have 2 sets of code - one that is just a simple html based on this sample -&amp;nbsp;&lt;A href="https://developers.arcgis.com/javascript/3/jssamples/smartmapping_bycolor.html" target="_blank"&gt;https://developers.arcgis.com/javascript/3/jssamples/smartmapping_bycolor.html&lt;/A&gt;&amp;nbsp;and one that uses the same JavaScript logic, but leverages the CMV architecture with a div using the data-dojo-attach-point property.&amp;nbsp; The dijit works (dropdown, slider, checkbox, etc), but it does not look like the simple html sample using the same service and fields.&amp;nbsp;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Dijit rendered correctly (simple sample code)" style="width: 201px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/45741i19104644973C1C00/image-size/large?v=v2&amp;amp;px=999" role="button" title="ColorInfoSliderCorrectRender.PNG" alt="Dijit rendered correctly (simple sample code)" /&gt;&lt;span class="lia-inline-image-caption" onclick="event.preventDefault();"&gt;Dijit rendered correctly (simple sample code)&lt;/span&gt;&lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Dijit rendered incorrectly (CMV viewer architecture)" style="width: 169px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/45740iB2BF5C068D1DA493/image-size/large?v=v2&amp;amp;px=999" role="button" title="ColorInfoSliderIncorrectRender.PNG" alt="Dijit rendered incorrectly (CMV viewer architecture)" /&gt;&lt;span class="lia-inline-image-caption" onclick="event.preventDefault();"&gt;Dijit rendered incorrectly (CMV viewer architecture)&lt;/span&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
    <pubDate>Tue, 12 Jul 2022 17:04:59 GMT</pubDate>
    <dc:creator>AngieCausey</dc:creator>
    <dc:date>2022-07-12T17:04:59Z</dc:date>
    <item>
      <title>ColorInfoSlider dijit not rendering correctly</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/colorinfoslider-dijit-not-rendering-correctly/m-p/1191626#M77907</link>
      <description>&lt;P&gt;I am working on a viewer widget using the ColorInfoSlider dijit and cannot seem to figure out why the slider does not render properly in my viewer architecture.&lt;/P&gt;&lt;P&gt;I have 2 sets of code - one that is just a simple html based on this sample -&amp;nbsp;&lt;A href="https://developers.arcgis.com/javascript/3/jssamples/smartmapping_bycolor.html" target="_blank"&gt;https://developers.arcgis.com/javascript/3/jssamples/smartmapping_bycolor.html&lt;/A&gt;&amp;nbsp;and one that uses the same JavaScript logic, but leverages the CMV architecture with a div using the data-dojo-attach-point property.&amp;nbsp; The dijit works (dropdown, slider, checkbox, etc), but it does not look like the simple html sample using the same service and fields.&amp;nbsp;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Dijit rendered correctly (simple sample code)" style="width: 201px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/45741i19104644973C1C00/image-size/large?v=v2&amp;amp;px=999" role="button" title="ColorInfoSliderCorrectRender.PNG" alt="Dijit rendered correctly (simple sample code)" /&gt;&lt;span class="lia-inline-image-caption" onclick="event.preventDefault();"&gt;Dijit rendered correctly (simple sample code)&lt;/span&gt;&lt;/span&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Dijit rendered incorrectly (CMV viewer architecture)" style="width: 169px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/45740iB2BF5C068D1DA493/image-size/large?v=v2&amp;amp;px=999" role="button" title="ColorInfoSliderIncorrectRender.PNG" alt="Dijit rendered incorrectly (CMV viewer architecture)" /&gt;&lt;span class="lia-inline-image-caption" onclick="event.preventDefault();"&gt;Dijit rendered incorrectly (CMV viewer architecture)&lt;/span&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Tue, 12 Jul 2022 17:04:59 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/colorinfoslider-dijit-not-rendering-correctly/m-p/1191626#M77907</guid>
      <dc:creator>AngieCausey</dc:creator>
      <dc:date>2022-07-12T17:04:59Z</dc:date>
    </item>
  </channel>
</rss>

