nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

embed image

ArowanaIndah

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

popup image.png

Najděte více příspěvků označených jako

Accepted answers

RobertScheitlin__GISP

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" ];

All comments

RobertScheitlin__GISP

            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" ];

AntGiles

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

ArowanaIndah

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

RobertScheitlin__GISP

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:

Připojte se k diskusi

Přihlášení členové mohou přispívat, sledovat aktualizace a další. Jste tu noví? Zaregistrujte si bezplatný účet.

Rychlé odkazy

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.