In a Web AppBuilder application, the standard Legend looks like Before.png. I want a color key to explain that the blue pins are "Opportunity Sites" and the green pins are "Active Developments", like the mock up I created as After.png.
The quickest question is if anybody can think of how I can do this, or something close to it.
Here are things that I have looked into
1. I'm not entirely insistent that the "color key" be in the Legend. So, as an alternative, I added the "color key" to an About widget. I would have been fine with this solution except for the fact that Web AppBuilder templates do not allow more than one pop-up to be open at one time, so the Legend and the About widgets can't be displayed at the same time. Any way around this? Any other widget (or something else) I could add the "color key" to?
2. I am very convinced that the standard Legend widget will not let me add icons to the title, does anyone know if I can do this in a custom Widget? I've seen code samples that come close, but any time I have tried to add an image to a 'title' or a 'label' element, what gets displayed is 'object HTMLImageElement' rather than the actual icon. (see Shoot.png) This makes sense to me since titles and labels are strings. However, I want to again ask if there is a way around that.
Thanks.