How to make default Pop-up width wider

[SteveGoates1]

Trying to make the default pop-up wider - i think i need to edit the PopUp_4.xml file - but am unsure of the code to make it happen.

Thanks for any suggestions!

[AnthonyGiles]

Steve,

Altering the popup width cannot be done in the .xml file it needs to be done within the source code. If you have the ability to amend the code the file you are looking for is PopUpRendererSkin.

Regards

Anthony

[SteveGoates1]

Thanks very much Anthony.

Curious - where is the file "PopUpRendererSkin" and what kind of file type is it?

Didn't see it on a search of my C drive.

[AnthonyGiles]

Steve,

Are you using the compiled code or the app builder, if so you will not have that file as it is source code.

If you are using the viewer source code the file is an mxml file which is in the API download that does not come as standard with the viewer code, you have to download the API separately and add it to the viewer code.

https://developers.arcgis.com/flex/

Regards

Anthony

[MarciaElam]

I added PopUpRendererSkin.mxml to the Skins folder of the src code, edited the width value and republished without the expected changed in width.  I also added it as a runable app file in the project properties.  Did I miss a step?  When I built the project I see a yellow exclamation on the file name in the package explorer.

<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009"
             xmlns:s="library://ns.adobe.com/flex/spark"
             xmlns:esri="http://www.esri.com/2008/ags"
             xmlns:supportClasses="com.esri.ags.skins.supportClasses.*"
             width="350"
             maxHeight="300"
             preinitialize="skin_preinitializeHandler(event)">

 

Steve,

Are you using the compiled code or the app builder, if so you will not have that file as it is source code.

If you are using the viewer source code the file is an mxml file which is in the API download that does not come as standard with the viewer code, you have to download the API separately and add it to the viewer code.

https://developers.arcgis.com/flex/

Regards

Anthony

[NeoGeo]

I have done this in the past myself and it sounds like you got the steps done correctly.  I have never used App Builder though, just Flash Builder.  Did you export the release build after you built the project?

[MarciaElam]

I am using Flash Builder and exported release build.

[GISDev1]

I am using Flash Builder and exported release build.

Make sure your PopUpRendererSkin.mxml file is in this exact location:
src\com\esri\ags\skins

If the PopUpRendererSkin.mxml file is in another location, then you would need to declare the new location of your file in the defaults.css like this (if I remember right):

esri|PopUpRenderer 
{
 skinClass: ClassReference("com.esri.viewer.mycustomfolder.CustomPopup");
}

[Erickson_Contract_Surveying_]

Thanks.

I had to explicitly reference it in the css even though it is in the skins folder

Make sure your PopUpRendererSkin.mxml file is in this exact location:
src\com\esri\ags\skins

If the PopUpRendererSkin.mxml file is in another location, then you would need to declare the new location of your file in the defaults.css like this (if I remember right):

esri|PopUpRenderer 
{
 skinClass: ClassReference("com.esri.viewer.mycustomfolder.CustomPopup");
}