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

Image and Links in Pop-ups Help

EmilyLaMunyon

Hello,

I am interested in having an image and/or link appear in my pop-ups in Flexviewer 2.3. I have been successful getting the pop-ups to work, just not with an image or hyperlink. I know I am missing something simple, but does anyone have any insight? Thanks!

PopUp_weeds.xml
?xml version="1.0" ?>
<configuration>
    <title>{name:}</title>
    <fields>
        <field name="Name" alias="Name"
        visible="true"/>
    </fields>
<medias>
<media type="image" imagesource="{http://website/flexviewer_weeds/weed_pics/{Name}.jpg}" imagelink="{http://website/flexviewer_weeds/weed_pics/oxeye_daisy.jpg}"/>
</medias>
    <showattachments>true</showattachments>
</configuration>


config.xml<layer label="Weeds" type="dynamic" visible="true" alpha="1"
                   url="http://www.gis.slco.org/wwwrest/services/public/Weeds/MapServer">
       <sublayer id="31" popupconfig="popups/PopUp_weeds.xml"/>
       </layer>

Find more posts tagged with

Accepted answers

All comments

MehulChoksey

try removing extra curly braces in medias tag:

<medias>
  <media  type="image"  imagesource="http://website/flexviewer_weeds/weed_pics/{Name}.jpg"  imagelink="http://website/flexviewer_weeds/weed_pics/oxeye_daisy.jpg"/>
</medias>

also if you want to display name:<Name> in the title tag then title tag should be:

<title>name:{Name}</title>

EmilyLaMunyon

Thanks for the help, that seemed to do the trick, however, my images are blank using the {Name}.jpg option. This may be obvious, but do the image names need to exactly match those of the REST service name?

Thanks!

MehulChoksey

Basically using field name "Name" in your case in curly braces {Name} , substitutes the value of the Name field.

Could you use tool like fiddler/firebug to capture HTTP response and pos it here?

EmilyLaMunyon

Thanks, I finally got it to work! One thing I am noticing is that the image does not fill the entire pop-up. Is there a way to specify the specs of the pop-up?

I appreciate your help!

MehulChoksey

Using just the config wont be enough.You will have to work with source code and modify PopupRenderer skin.

EmilyLaMunyon

Can I achieve this without the use of Flash Builder or do I need it to chnage the skin?

MehulChoksey

You will have to modify the popup renderer skin and compile the source either using Flash Builder or by using Flex SDK 4.X

RyanEckdale-Dudley2

Is it possible to create link to a url using a field that has a unique url for each feature without displaying the url? using Pop-ups

MehulChoksey

Is it possible to create link to a url using a field that has a unique url for each feature without displaying the url? using Pop-ups

Could you explain bit more? may be with example...

RyanEckdale-Dudley2

I have a GIS layer that stores a link to inspection records (in a web-based document management system) for each feature. The URL is stored in a field called doc_url and is specific to that feature. The link provides records specific to that feature. So I'm looking for a way to hyperlink to the documents using the pop-up tool. It would look similar to below...

Link to Site Records and the url for each specific feature is = {doc_url} but the actual url is not displayed.

MehulChoksey

I have a GIS layer that stores a link to inspection records (in a web-based document management system) for each feature. The URL is stored in a field called doc_url and is specific to that feature. The link provides records specific to that feature. So I'm looking for a way to hyperlink to the documents using the pop-up tool. It would look similar to below...

Link to Site Records and the url for each specific feature is = {doc_url} but the actual url is not displayed.

You might want to use description tag as follows:

<description>
          <![CDATA[<a href='{doc_url}'><u>Link to Site Records</u></a> ]]>
  </description>

RyanEckdale-Dudley2

I'm having issues with the Pop-Up. (Using Flex Sample viewer 2.3.1)(Dynamic Map Layer with one layer=0).. When I try to add Pop-up the layer won't display and

Keep getting...

http response status: 200

Fault code: Client.CouldNotDecode

Fault info: Error #1094

Fault details: null

Main Config:

<layer label="Groundwater Protection Facilities" type="dynamic" visible="true" alpha="1.0"url="http://10.12.1.32/ArcGIS/rest/services/GroundwaterProtectionFacilities/MapServer">
<sublayer id="0" popupconfig="popups/PopUp_GWP.xml"/>
</layer>

Pop-up Config:

<?xml version="1.0" ?>
<configuration>
    <title>{COMPANY_NA}</title>
<description>
          <![CDATA[<a href='{doc_url}'><u>Link to Site Records</u></a> ]]>
</description>
    <fields>
        <field name="COMPANY_NA" visible="true"/>
        <field name="doc_url" visible="true"/>
        </fields>
</configuration>

Any Ideas?

MehulChoksey

Could you try adding extra space before url?

 alpha="1.0" url="

RyanEckdale-Dudley2

Could you try adding extra space before url?
 alpha="1.0" url="

Same Error.

Also, when I add the sublayer ID tag the features are not displayed. Looks different in operational layer list.

MehulChoksey

This Fault code: Client.CouldNotDecode is due to malformed Config.
Could you post your entire main config?

RyanEckdale-Dudley2

This Fault code: Client.CouldNotDecode is due to malformed Config.
Could you post your entire main config?

<?xml version="1.0" ?>

<configuration>
    <title>ArcGIS Viewer for Flex</title>
    <subtitle>a configurable web mapping application</subtitle>
    <logo>assets/images/logo.png</logo>
    <style>
        <colors>0xFFFFFF,0x333333,0x101010,0x000000,0xFFD700</colors>
        <alpha>0.8</alpha>
    </style>
    
    <geometryservice url="http://10.12.1.32/ArcGIS/services/Geometry/GeometryServer" />
    
    <bing key="Ahw1due6dkmZg98wUJJYLrVmYlDik4oleCg6hoNqx6l2jFYRToImQH1HfH-asjjH"/>

    
    <widget left="10" top="50"    config="widgets/Navigation/NavigationWidget.xml" url="widgets/Navigation/NavigationWidget.swf"/>
    <widget right="-2" bottom="-2" config="widgets/OverviewMap/OverviewMapWidget.xml" url="widgets/OverviewMap/OverviewMapWidget.swf"/>
    <widget right="20" top="55"    config="widgets/MapSwitcher/MapSwitcherWidget.xml" url="widgets/MapSwitcher/MapSwitcherWidget.swf"/>
    <widget left="0"   top="0"     config="widgets/HeaderController/HeaderControllerWidget.xml" url="widgets/HeaderController/HeaderControllerWidget.swf"/>

    <map wraparound180="true" initialextent="-14083000 3139000 -10879000 5458000" fullextent="-20000000 -20000000 20000000 20000000" top="40">
        <basemaps>
            <layer label="Streets" type="tiled" visible="false"
                   url="http://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer"/>
            <layer label="Aerial 2009" type="dynamic" visible="false"
                   url="http://64.255.111.57/ArcGIS/rest/services/eGIS/ElkhartINAerials2009/MapServer"/>
            <layer label="Street"    type="dynamic" visible="true"
                   url="http://64.255.111.57/ArcGIS/rest/services/eGIS/ElkhartINBasemap/MapServer"/>

        </basemaps>
        <operationallayers>
            <layer label="Demographics" type="tiled" visible="false" alpha="0.5"
                   url="http://server.arcgisonline.com/ArcGIS/rest/services/Demographics/USA_Median_Household_Income/MapServer">
                <sublayer id="1" popupconfig="popups/PopUp_Demographics_BlockGroups.xml"/>
                <sublayer id="2" popupconfig="popups/PopUp_Demographics_Tracts.xml"/>
                <sublayer id="3" popupconfig="popups/PopUp_Demographics_Counties.xml"/>
                <sublayer id="4" popupconfig="popups/PopUp_Demographics_States.xml"/>
            </layer>
            <layer label="Boundaries and Places" type="tiled" visible="false"
                   url="http://server.arcgisonline.com/ArcGIS/rest/services/Reference/World_Boundaries_and_Places_Alternate/MapServer"/>
            <layer label="Fires" type="feature" visible="false" alpha="1.0"
                   popupconfig="popups/PopUp_Fires.xml"
                   url="http://sampleserver3.arcgisonline.com/ArcGIS/rest/services/Fire/Sheep/FeatureServer/0"/>
<layer label="Groundwater Protection Facilities" type="dynamic" visible="true" alpha="1.0"
url="http://10.12.1.32/ArcGIS/rest/services/GroundwaterProtectionFacilities/MapServer">
      <sublayer id="0" popupconfig="popups/PopUp_GWP.xml"/>
     </layer>

        </operationallayers>
    </map>

    
    
    <widgetcontainer layout="float">
        <widget label="Bookmarks"         left="430" top="90"
                icon="assets/images/i_bookmark.png"
                config="widgets/Bookmark/BookmarkWidget.xml"
                url="widgets/Bookmark/BookmarkWidget.swf"/>
        <widget label="Find an address"   left="100" top="90" preload="open"
                icon="assets/images/i_target.png"
                config="widgets/Locate/LocateWidget_Bing.xml"
                url="widgets/Locate/LocateWidget.swf"/>
        <widget label="Louisville Police" left="590" top="280"
                icon="assets/images/i_police.png"
                config="widgets/Query/QueryWidget_Louisville_PoliceStations.xml"
                url="widgets/Query/QueryWidget.swf"/>
        <widget label="Search" left="80" top="280"
                icon="assets/images/i_search.png"
                config="widgets/Search/SearchWidget_Louisville.xml"
                url="widgets/Search/SearchWidget.swf"/>
        <widget label="Earthquakes (GeoRSS)" left="410" top="280"
                icon="assets/images/i_rss.png"
                config="widgets/GeoRSS/GeoRSSWidget.xml"
                url="widgets/GeoRSS/GeoRSSWidget.swf"/>
        <widget label="Draw and Measure" left="60" top="400"
                icon="assets/images/i_draw2.png"
                config="widgets/Draw/DrawWidget.xml"
                url="widgets/Draw/DrawWidget.swf"/>
        <widget label="Print" left="390" top="400"
                icon="assets/images/i_print.png"
                config="widgets/Print/PrintWidget.xml"
                url="widgets/Print/PrintWidget.swf"/>

MehulChoksey

Not sure if your response was truncated by forum?
following tags are missing at the end of the config.

    </widgetcontainer>
</configuration>

RyanEckdale-Dudley2

Not sure if your response was truncated by forum?
following tags are missing at the end of the config.
    </widgetcontainer>
</configuration>

Yes, truncated sorry?

Does a Sublayer need to be a particular type of map service? It looks like most of the ESRI samples are feature services.

RyanEckdale-Dudley2

Fixed the issue by creating a new Service that is mxd based not msd?

LarryJahn

I need guidance on a similar issue. I have a dynamic service sublayer containing many points. Each point has approximately 10 attributes which need to be hyperlinked in the popup. Can anyone give me tips on how to best format the popup?

I should also add that my attribute hyperlinks are folder directories which reside on an internal server.

LarryJahn

I can't get the popus to work at all. I published an MXD with 3 layers: point, lines, and polygons.

Below is my config.xml code for the "points (0)" layer placed in the operational layers:

<layer label="Projects" type="dynamic" visible="true"
 url="http://gis.myserver.com/ArcGIS/rest/services/MappedProjects2/MapServer"/>
 <sublayer id = "0" popupconfig="popups/PopUp_Points.xml"/>

Code for my PopUp_Points.xml file:

<?xml version="1.0" ?>
<configuration>
    <title>Project Info</title>
 
    <fields>
        <field name="PROJID"/>
        <field name="MANAGR"/>
        </field>
    </fields>
</configuration>

Is this the right code for popups in a dynamic layer? Is it considered a "sublayer" in this set of circumstances? Any help is appreciated. Thanks

RobertScheitlin__GISP

Larry,

You are making the same mistake as most do. The sublayer element has to be a child of the layer element.

<layer label="Projects" type="dynamic" visible="true" url="http://gis.myserver.com/ArcGIS/rest/services/MappedProjects2/MapServer">
    <sublayer id = "0" popupconfig="popups/PopUp_Points.xml"/>
</layer>

LarryJahn

Larry,

You are making the same mistake as most do. The sublayer element has to be a child of the layer element.
<layer label="Projects" type="dynamic" visible="true" url="http://gis.myserver.com/ArcGIS/rest/services/MappedProjects2/MapServer">
    <sublayer id = "0" popupconfig="popups/PopUp_Points.xml"/>
</layer>

Then I guess I don't understand how to make a popup work in a dynamic layer if it's NOT a child of a layer. Is that possible? If not, what are the alternatives?

RobertScheitlin__GISP

Larry,

But it IS a child of the parent layer. What I am speaking of is child parent relationships in XML markup. You have a map service that has (sometimes) multiple sub layers and they are given a sequential number starting from 0 to use a popup for one of those sub layers you have to define a sublayer element in the xml file but the way you were doing it the sub layer had not idea that it was a child of the layer because you terminated the layer as shown below:

<layer label="Projects" type="dynamic" visible="true"  url="http://gis.myserver.com/ArcGIS/rest/services/MappedProjects2/MapServer"/>
<sublayer id = "0" popupconfig="popups/PopUp_Points.xml"/>

That slash terminated the layer element and indicated that there was no siblings of the element to come after it so the sublayer was orphaned.

LarryJahn

I understand now. What you explained makes complete sense - I just didn't put it all together. Thanks.

XanderBakker_2-1645033557181.png

LarryJahn

Each point has approximately 10 attributes which need to be hyperlinked in the popup. Can anyone give me tips on how to best format the popup?

How do I format the UNC paths in the popup to create a hyperlink? Thanks.

LarryJahn

For anyone interested, it IS in fact possible to hyperlink a UNC Path within a popup. It requires a little more configuration, but it does work.

1. You have to use the "<![CDATA[..." <Description> Tag in the popup xml, NOT the <fields> tag
2. You have to make sure the "UNC Path" attribute you are trying to link to follows a format similar to this: \\ServerName\FolderName1\FolderName2\ and so on down the directory structure until you reach the folder you'd like to link to.
3. My description tag format follows this structure (the multiple break tags were added to resemble the tabular field format):

<?xml version="1.0" ?>
<configuration>
    <title>Information</title> 
       
   <description>
 <![CDATA[<b>Project ID:</b> {PROJID}
<br><br><b>Folder:  </b><a href='{FolderUNC}'><u>Folder</u></a>]]>
   </description>

</configuration>

It may not be the most efficient way to accomplish UNC hyperlinking, but it's pretty easy nonetheless.

ScottSnider

Larry I was able to apply your code to create a link inside my popup based on the UNC. When I deploy this compiled application to Beta it on our GIS server the links will not open when clicked on. I can, however, right click and copy the link and paste it into a tab or window and the path opens the correct file. This behavior exists in IE, Chrome, and Firefox. I even tried applying my site to trusted sites and it still will not work. Thoughts?

Scott

LarryJahn

Scott:
I am using Windows 7/Internet Explorer 8. I'm not sure if that's the difference or not. Before I built my Flex Application, I was using the Web Mapping Application Wizard available within ArcServer. I'm not sure what changed between the Flex application & ArcServer WMA versions, but in the ArcServer WMA version, I had to use the following UNC path format for the hyperlinks to work:

file:///\\servername\folder1\folder2

Maybe give that a shot. Otherwise, I don't know what else it could possibly be. Good Luck!

RobertScheitlin__GISP

Scott and Larry,

As you might be able to use UNC paths (you should not)... You should setup a virtual directory (if IIS) that points to the folder, so that you have a true URL to use instead.

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.