topic Re: How to change simple slider thumb image? in ArcGIS JavaScript Maps SDK Questions https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-change-simple-slider-thumb-image/m-p/453068#M41888 <HTML><HEAD></HEAD><BODY><P>Thanks <IMG src="https://community.esri.com/legacyfs/online/emoticons/happy.png" />&nbsp; That worked like a charm !!</P></BODY></HTML> Wed, 02 Sep 2015 03:36:49 GMT HumzaAkhtar 2015-09-02T03:36:49Z How to change simple slider thumb image? https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-change-simple-slider-thumb-image/m-p/453066#M41886 <HTML><HEAD></HEAD><BODY><P>Hi,</P><P></P><P>I want to change this slider thumb image but I cannot figure out how to. Can someone point me to the relevant css/html file please. Thanks!!</P><P></P><P></P><P><IMG class="image-1 jive-image" src="https://community.esri.com/legacyfs/online/124715_pastedImage_0.png" style="max-width: 1200px; max-height: 900px;" /></P></BODY></HTML> Tue, 01 Sep 2015 04:11:50 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-change-simple-slider-thumb-image/m-p/453066#M41886 HumzaAkhtar 2015-09-01T04:11:50Z Re: How to change simple slider thumb image? https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-change-simple-slider-thumb-image/m-p/453067#M41887 <HTML><HEAD></HEAD><BODY><P>Hi Huzma,</P><P></P><P>If you open your app in chrome and right click thumb - choose Inspect Element - from here you can see the .css classes and files. </P><P><IMG class="image-1 jive-image" src="https://community.esri.com/legacyfs/online/124745_pastedImage_0.png" style="max-width: 1200px; max-height: 900px;" /></P><P>In your case look at .claro .dijitSliderImageHandle and dijitSliderImageHandleH - override these in your own .css</P><P></P><P>claro:</P><P><A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=http://js.arcgis.com/3.14/dijit/themes/claro/claro.css" rel="nofollow" target="_blank">http://js.arcgis.com/3.14/dijit/themes/claro/claro.css</A></P><P>.claro .dijitSliderImageHandleH </P><P></P><P></P><P>As an example: in Launchpadtheme for web app builder this style is overrided:</P><P>overrided claro:</P><P>themes/LaunchpadTheme/styles/default/css/dojo-override.css</P><P>.claro .dijitSliderImageHandle </P><P><IMG class="image-2 jive-image" src="https://community.esri.com/legacyfs/online/124746_pastedImage_2.png" style="max-width: 1200px; max-height: 900px;" /></P></BODY></HTML> Tue, 01 Sep 2015 08:49:05 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-change-simple-slider-thumb-image/m-p/453067#M41887 HerdisGudbrandsdottir 2015-09-01T08:49:05Z Re: How to change simple slider thumb image? https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-change-simple-slider-thumb-image/m-p/453068#M41888 <HTML><HEAD></HEAD><BODY><P>Thanks <IMG src="https://community.esri.com/legacyfs/online/emoticons/happy.png" />&nbsp; That worked like a charm !!</P></BODY></HTML> Wed, 02 Sep 2015 03:36:49 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-change-simple-slider-thumb-image/m-p/453068#M41888 HumzaAkhtar 2015-09-02T03:36:49Z