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.
Robert,
OK, how about making the transparency of the panel appear without having to move the panel window? In this case, if we just open the widget, it's not transparent unless you move the panel window. Thank you!
Mina,
I am not aware of any css rule you could apply to make this specific to just the legend widgets panel.
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?
Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.
