topic Re: Grayscale basemap in Web AppBuilder Custom Widgets Questions https://community.esri.com/t5/web-appbuilder-custom-widgets-questions/grayscale-basemap/m-p/815151#M6931 <HTML><HEAD></HEAD><BODY><P>Pavel,</P><P></P><P>&nbsp; &nbsp;I do not know of any widgets for this but if you add this to your apps css\jimu.css file then it will grayscale the basemap:</P><PRE class="lia-code-sample line-numbers language-none"><CODE><SPAN class="selector token">#map_defaultBasemap_0&gt;div&gt;img</SPAN> <SPAN class="punctuation token">{</SPAN> &nbsp; <SPAN class="property token">-webkit-filter</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="token function">grayscale</SPAN><SPAN class="punctuation token">(</SPAN>1<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN> <SPAN class="comment token">/* Webkit */</SPAN> &nbsp; <SPAN class="property token">filter</SPAN><SPAN class="punctuation token">:</SPAN> gray<SPAN class="punctuation token">;</SPAN> <SPAN class="comment token">/* IE6-9 */</SPAN> &nbsp; <SPAN class="property token">filter</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="token function">grayscale</SPAN><SPAN class="punctuation token">(</SPAN>1<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN> <SPAN class="comment token">/* W3C */</SPAN> <SPAN class="punctuation token">}</SPAN>‍‍‍‍‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN></CODE></PRE></BODY></HTML> Sun, 12 Dec 2021 09:37:28 GMT RobertScheitlin__GISP 2021-12-12T09:37:28Z Grayscale basemap https://community.esri.com/t5/web-appbuilder-custom-widgets-questions/grayscale-basemap/m-p/815150#M6930 <HTML><HEAD></HEAD><BODY><P><SPAN>Hello, do you have any widget who can do grayscale from your basemap?</SPAN><BR /><SPAN>Thanks</SPAN></P></BODY></HTML> Tue, 03 Jan 2017 13:56:37 GMT https://community.esri.com/t5/web-appbuilder-custom-widgets-questions/grayscale-basemap/m-p/815150#M6930 PavelKamenský 2017-01-03T13:56:37Z Re: Grayscale basemap https://community.esri.com/t5/web-appbuilder-custom-widgets-questions/grayscale-basemap/m-p/815151#M6931 <HTML><HEAD></HEAD><BODY><P>Pavel,</P><P></P><P>&nbsp; &nbsp;I do not know of any widgets for this but if you add this to your apps css\jimu.css file then it will grayscale the basemap:</P><PRE class="lia-code-sample line-numbers language-none"><CODE><SPAN class="selector token">#map_defaultBasemap_0&gt;div&gt;img</SPAN> <SPAN class="punctuation token">{</SPAN> &nbsp; <SPAN class="property token">-webkit-filter</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="token function">grayscale</SPAN><SPAN class="punctuation token">(</SPAN>1<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN> <SPAN class="comment token">/* Webkit */</SPAN> &nbsp; <SPAN class="property token">filter</SPAN><SPAN class="punctuation token">:</SPAN> gray<SPAN class="punctuation token">;</SPAN> <SPAN class="comment token">/* IE6-9 */</SPAN> &nbsp; <SPAN class="property token">filter</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="token function">grayscale</SPAN><SPAN class="punctuation token">(</SPAN>1<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN> <SPAN class="comment token">/* W3C */</SPAN> <SPAN class="punctuation token">}</SPAN>‍‍‍‍‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN></CODE></PRE></BODY></HTML> Sun, 12 Dec 2021 09:37:28 GMT https://community.esri.com/t5/web-appbuilder-custom-widgets-questions/grayscale-basemap/m-p/815151#M6931 RobertScheitlin__GISP 2021-12-12T09:37:28Z