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; } } }

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!

Find more posts tagged with

Accepted answers

All comments

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");
}

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");
}

MarciaElam

I am using Flash Builder and exported release build.

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 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

AntGiles

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

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.

AntGiles

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

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

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