topic Re: embed image in ArcGIS Viewer for Flex Questions

embed image

ArowanaIndah — Tue, 25 Dec 2012 22:51:27 GMT

hi,
I have embed image into my popup. But how to make the image fit into whole white frame?
thank

Re: embed image

RobertScheitlin__GISP — Wed, 26 Dec 2012 11:55:22 GMT

Arowana,

The image border which comes from the PopUpMediaBrowserSkin is define to always be a square (i.e. the width == height). If your image has a width of 400 and a height to 370 than the border will be 400 x 400 and the image will not fill the square. Unless you want to screw with your images perspective than your best option is to remove the border from the PopUpMediaBrowserSkin. There are several posts concerning this if you search the forums.

http://forums.arcgis.com/threads/38375-Change-media-container-size-in-Pop-Up-Window?highlight=PopUpMediaBrowserSkin

Don't forget to click the Mark as answer check on this post and to click the top arrow (promote).
Follow these steps as shown in the below graphic:

Re: embed image

ArowanaIndah — Thu, 27 Dec 2012 05:35:46 GMT

hi robert, thank for the help.
I have copy PopUpMediaBrowser.mxml into com.esri.ags.skins.supportClasses
and remove :-
<s:Rect id="borderRect"
                    left="0" right="0" top="0" bottom="0">
                <s:stroke>
                    <s:SolidColorStroke id="borderRectSymbol"
                                        color="black"
                                        weight="1"/>
                </s:stroke>
</s:Rect>

and error appear. Did i do the wrong way?
Please kindly help me

Re: embed image

AnthonyGiles — Thu, 27 Dec 2012 09:30:40 GMT

Arowana, Robert,Sorry to jump in but I found that removing the s:Rect caused a number of other issues in areas that it is referenced, so I just placed an alpha tag with a zero which worked.RegardsAnthony

Re: embed image

RobertScheitlin__GISP — Thu, 27 Dec 2012 11:12:39 GMT

Yep, I guess I should have mentioned that...

In the commitProperties function you need to comment out part of the loop.

It is always best to remove unused and unwanted items instead of just make them invisible.

            override protected function commitProperties():void             {                 super.commitProperties();                  var attributes:Object = hostComponent.attributes;                 var formattedAttributes:Object = hostComponent.formattedAttributes;                 var mediaInfo:PopUpMediaInfo = hostComponent.activeMediaInfo;                  // hide all elements except the border inside the imageOrChartGroup                 for (var i:int = 0; i < imageOrChartGroup.numElements; i++)                 {                     var element:IVisualElement = imageOrChartGroup.getElementAt(i);                     //if (element !== borderRect)                     //{                     hideElement(element);                     //}                 }

You shoud also comment out this line as well:

/* Define the symbol fill items that should be colored by the "symbolColor" style.*/             //private static const symbols:Array = [ "borderRectSymbol" ];