I am using WAB DE 2.4. In what file do I change the transparency setting in the Legend Window? Where is this file?
Tim,
Add these two css rules to the Legend widgets style.css file:
<SPAN class="punctuation token">.</SPAN>jimu<SPAN class="operator token">-</SPAN>widget<SPAN class="operator token">-</SPAN>frame<SPAN class="punctuation token">.</SPAN>jimu<SPAN class="operator token">-</SPAN>container <SPAN class="punctuation token">{</SPAN> background<SPAN class="operator token">-</SPAN>color<SPAN class="punctuation token">:</SPAN> <SPAN class="token function">rgba</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="number token">255</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="number token">255</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="number token">255</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="number token">0.3</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN> <SPAN class="punctuation token">}</SPAN> <SPAN class="punctuation token">.</SPAN>jimu<SPAN class="operator token">-</SPAN>panel <SPAN class="punctuation token">{</SPAN> background<SPAN class="operator token">-</SPAN>color<SPAN class="punctuation token">:</SPAN> #ffffff<SPAN class="punctuation token">;</SPAN> background<SPAN class="operator token">-</SPAN>color<SPAN class="punctuation token">:</SPAN> <SPAN class="token function">rgba</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="number token">255</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">255</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">255</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">0.6</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN> <SPAN class="punctuation token">}</SPAN><SPAN class="line-numbers-rows"><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN></SPAN>
Adjust the 4 alpha property as desired.
Hi Robert,
When I tried adding your code to the specific widget's style.css, the transparency only appears when moving the panel window (I'm using the Jewelry Box theme). How can we make the transparency appear right when the widget panel is opened without the need to move it? Also, this transparency effect is added to all the floating widgets even though I only changed the css for one specific widget. By the way, I'm using WAB Dev 2.11. I appreciate your feedback!
There are Legend widget in both server folder and stem app folder. The changes are not reflecting
By default the background inside the Legend Window is solid white. I want to change the transparency of this white space. Just cannot seem to locate the file in which to do this.
Are you talking about the whole widget or just the legend contents?
Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.
