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

LarryJahn

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.

Why shouldn't one use UNC's? Also, I understand how to create a virtual directory in IIS, but I do not fully understand how to perform the process you are speaking of. In my case, we have about 20 years of projects: each "year" directory is broken down into folders (project no.); each project no. folder is organized by 10 or so "departmental" folders. In our case we'd ONLY be connecting internally to each "departmental" folder via the UNC path.

Thanks!

RobertScheitlin__GISP

Larry,

A quick Google of "UNC paths and the web" will give you a clue as most results returned deal with errors or bugs or the such.

So you can setup a virtual directory to a specific server and folder that will allow you to access the data in those folders just the way you would the UNC.

So for example //Server1/Folder1/Folder2/image2.jpg
would look like
http://webserver/Folder1/Folder2/image2.jpg
The above is web friendly.

LarryJahn

Robert:
Thanks for the info.

OlgaBosenko

hello!
could enyone help me whith my code?
my popup file look like this:

<?xml version="1.0" ?>
<configuration>
    <title>{NAME}</title>
    <fields>
        <field name="NAME"/> 
        <field name="TYPE" alias="Тип" visible="true"/>
        <field name="NAME" alias="Текс�?" visible="true"/>
        <field name="Ад�?ес" alias="Ад�?ес" visible="true"/>
    </fields>

</configuration>

And config.xml

<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://tasks.arcgisonline.com/ArcGIS/rest/services/Geometry/GeometryServer" />

    
    <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="-3595100 1802500 -3503400 1831200" fullextent="-20000000 -20000000 20000000 20000000" top="40">
        
        <operationallayers>
           <layer label="Тес�?овое п�?иложение" type="dynamic" visible="true"
      url="http://blackshine:8399/arcgis/rest/services/test5/MapServer">
                <sublayer id="3" popupconfig="popups/PopUp_house.xml"/>
           </layer>

        </operationallayers>

    </map>

    
    
    <widgetcontainer layout="float">

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

        
    </widgetcontainer>

</configuration>

When i started my app i can't see popup window at all.
I don't know Where my mistake?

AdrianKordylas

Hello!

I'm student from Poland and I have a question about image in popup but from DATA BASE. In my base I have attribute data type raster where I import photo. How can I add it to my popup??? I try this code but image doesn't work:

<?xml version="1.0" ?>
<configuration>
    <title>{muzea_baza.NAZWA}</title>
    <fields>
        <field name="muzea_baza.NAZWA" alias="Nazwa:" visible="true"/>
        <field name="muzea_baza.ULICA" alias="Ulica:" visible="true"/>
        <field name="muzea_baza.NUMER" alias="Numer:" visible="true"/>
       <field name="muzea_baza.WWW" alias="WWW:" type="dynamic" visible="true"/>
    </fields>
<medias>
<media type="image" imagesource="muzea.baza.OBRAZ"/>
</medias>
    <showattachments>true</showattachments>
</configuration>

If you understan me could you help me??? 🙂

Adrian

RobertScheitlin__GISP

Adrian,

Raster fields are not supported by the REST API and thus not supported by the Flex API. You will have to have a field that has a URL to the image.

screenshot.PNG

AdrianKordylas

OK but if I use URL I will have the same image to layer objects. I want have different image for all objects in layer. Can I do something to solution this problem?

Adrian

Adrian,

Rater fields are not supported by the REST API and thus not supported by the Flex API. You will have to have a field that has a URL to the image.

RobertScheitlin__GISP

Adrian,

Each feature will have a different URL in the field that you add to the featureclass.

AdrianKordylas

Robert,

Can you give me some code example?

Adrian

Adrian,

Each feature will have a different URL in the field that you add to the featureclass.

SarahHartholt_0-1645036426918.png

RobertScheitlin__GISP

Adrian,

What I am talking about doesn't have anything to do with code. What I am Saying is in ArcMap you would add a field to the featureclass that currently has the Raster Field and make it type Text and then populate the field for each feature using the URL for the location of the image that you want to show. Once that is done and you re-publish the map service and clear the REST cache then you can setup the PopUp using that field.

AdrianKordylas

Robert,
Now I undersdtand 🙂 Thank you for your help!

Adrian

Adrian,

What I am talking about doesn't have anything to do with code. What I am Saying is in ArcMap you would add a field to the featureclass that currently has the Raster Field and make it type Text and then populate the field for each feature using the URL for the location of the image that you want to show. Once that is done and you re-publish the map service and clear the REST cache then you can setup the PopUp using that field.

jessebelcher

You might want to use description tag as follows:

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

This is what i am looking for.. Just not sure where to put what you have here.. for now the CamLink field is where my url is stored and it works fine...

<?xml version="1.0" ?>
<configuration>
  <title>{ElementName}</title>
  <fields>
        <field name="ElementName" visible="true"/>
    <field name="CamLink" alias="Click for Camera" visible="true"/>
    
  </fields>
  
  <medias>
    <!-- <media type="image" caption="link" imagesource="{CamLink}" imagelink="{CamLink}"/> -->
  </medias>
  

  
</configuration>

<!--
    Pop-up configuration file for:
    http://engr_svr/ArcGIS/rest/services/Maps/TVECDATA/MapServer/0

RobertScheitlin__GISP

Jesse,

The description tag would just be added to what you have like this:

<?xml version="1.0" ?>
<configuration>
  <title>{ElementName}</title>
  <description>
        <![CDATA[<a href='{CamLink}'><u>Link to Site Records</u></a> ]]>
  </description>
  <fields>
        <field name="ElementName" visible="true"/>
        <field name="CamLink" alias="Click for Camera" visible="true"/>
  </fields>
  
  <medias>
    <!-- <media type="image" caption="link" imagesource="{CamLink}" imagelink="{CamLink}"/> -->
  </medias>

</configuration>

<!--
    Pop-up configuration file for:
    http://engr_svr/ArcGIS/rest/services/Maps/TVECDATA/MapServer/0

jessebelcher

Thanks Robert! Works great!

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.