Select to view content in your preferred language

Info Pop Up Size Changes

2914
3
05-02-2011 03:57 PM
ShaunWeston
Frequent Contributor
I was wondering how I could go about changing the default size of the new pop info windows.

In the image attached you can see you have to scroll down to see the rest of the bar graph information and also with the field names there are "..." when the text is too long, so I want to maximise this out a bit. I thought this would be pretty easy to do, but i can't seem to find where to make the changes?

Is it in the InfoPopup.mxml under components somewhere?
Tags (2)
0 Kudos
3 Replies
RobertScheitlin__GISP
MVP Emeritus
Shaun,

    You have to extend the Flex API as that is what the PopUpInfo is using. We talk about extending the PopUpInfoRendererSkin to change the width and height.

http://forums.arcgis.com/threads/28487-PopUps
0 Kudos
ShaunWeston
Frequent Contributor
Ah yes thanks.

I'm still quite confused about changing the PopUpInfoRendererSkin.

I've downloaded the Flex 2.3 API files and placed the PopUpInfoRendererSkin file here:

\src\com\esri\viewer\skins\

But when I change anything to the mxml file in Flash Builder it doesn't make any difference to the application.

I'm trying to change the LocateWidget at the moment and I've noticed it imports this:

import com.esri.ags.webmap.PopUpRenderer;

But that ags.webmap folder doesn't exist.

I just don't get how this Flex Viewer is put together!

Any help would be much appreciated.
0 Kudos
ShaunWeston
Frequent Contributor
FYI for anyone interested�?�

To make changes to the pop-up in the Flex Viewer 2.3, you will need to download the Flex API Library, copy out of that the popuprenderer.mxml skin and place that where all the other skin files are located - \src\com\esri\viewer\skins

Open up this file in Flex Builder and make the changes you need to �?? In my case width and maxHeight

Then add this line of code into the defaults.css file

esri|PopUpRenderer

{

                skinClass:ClassReference('com.esri.viewer.skins.PopUpRendererSkin');

}
0 Kudos