Right container for ESRI:Legend

WilliamBailey

I am using "<ESRI:Legend" in my own component/pop-up.
Right now I have it located within a "<mx:TitleWindow with code as follows.
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml"
    xmlns:s="library://ns.adobe.com/flex/spark"
    xmlns:esri="http://www.esri.com/2008/ags"
    width="350" height="400"
    clipContent="false"
    verticalScrollPolicy="on"
    preinitialize="preInit();"
    title="Map Legend"
    showCloseButton="true"
    close="{PopUpManager.removePopUp(this)}">
  <mx:Script>
  <![CDATA[
  import com.esri.ags.Map;
  import com.esri.ags.components.Legend;
  import com.esri.ags.layers.ArcGISDynamicMapServiceLayer;
  import mx.managers.PopUpManager;
  [Bindable]private var theMap:Map;
  [Bindable]private var legendLayers:ArcGISDynamicMapServiceLayer;   
  private function preInit():void
  {
     theMap = this.parentApplication.map;
     legendLayers = this.parentApplication.baseMap;
     legendLayers.name="SCPA";
              }
                           ]]>
  </mx:Script>
     <esri:Legend id="myLegend"
        width="350" height="400"
        respectCurrentMapScale="true"
        layers="{[legendLayers]}"
        map="{theMap}"/>
</mx:TitleWindow>

The two problems I am encountering are:
1: The legend is showing all layers, not just the visible ones. (my test project; where legend and map are in same file, works flawlessly)
2. The legend extends vertically and horizontally past the containing TitleWindow (see pic)

Any help would be appreciated.
Thanks
Bill

legend_error.jpg

rematch_address.PNG

WhatsApp Image 2021-12-30 at 3.02.32 PM.jpeg

JHayes

Nice work gentlemen!

Any chance I could get the AS code for the transperency?

Thanks,