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

Hyperlinks for Flex Viewer 3.0

THayes2000

I installed the Flex Viewer 3.0. Works great. But, I have 100 digital photos each one is linked to a point in a point feature class. I want the user to be able to click on the point and the photo with some associated data fields will popup in a Flash Window. All of the photos are in one directory on our server, there is a field called "PHOTOS" in the attribute table of the point feature class with the name of each photo, for example, img6543.jpg, img3234.jpg, img7684.jpg associated with each point.

Any suggestions on how to do this?

NOTE: I am not a coder, I know the basics of XML, and prefer to work with compiled widgets.

Find more posts tagged with

Accepted answers

rzufelt

I removed it from the config.xml, but, it still shows up. Here is my config.xml:

Since you are using the compiled version, it shouldn't be a build project issue. My first thought would be to clear all the browser cache files, then open in a "new" browser window.

Pressing <cntrl><F5> is supposed to reload without cached pages, so might try that. However, depends on what flakiness your windows has, this works great on some of my computers, others it just ignores it. Have not been able to figure out why, but on the ignore box's, one has to clear the cache pages AND start a new browser EVERY time you make a change, or you won't see it.

R_

All comments

rzufelt

Couple things that may do it. I have the linkfield commented out as I am using multiimagefield instead.

Take a look at my xml as it is working fine. shows the multi images and all the attributes in the <fields> columns.

Also, I have my images referenced by UNC also. But, I have made a virtual directory (as recommended) in my flex project that "points" to the actual location of the photos. This helps get rid of any permission issues AND lets you encode the images with a true URL (http://) address.

For Flex project "hanf"

<?xml version="1.0" ?>
<configuration>
 <fields>SIS_ID,OSE_ID,OSE_REPORT,CLASSIFICATION,MRSTEW_DESC,PHOTOS</fields>
 <titlefield>OSE_ID</titlefield>
 <links>
  <!-- <linkfield icon_or_text_or_img="img" icon="" linkalias="Photo" linkprefix="http://gis01.wch-rcc.com/hanf/images/" 
   linksuffix="">PHOTOS</linkfield> -->
 </links>
 <multiimagefield linkprefix="http://gis01.wch-rcc.com/hanf/images/" linksuffix="" nexttooltip="Next" prevtooltip="Prev">PHOTOS</multiimagefield>

 <!-- <datefields>collection_time</datefields> -->
 <zoomscale>50000</zoomscale>
 <csvseparator>,</csvseparator>
 <layername>MR Features</layername>
 <labels>
  <csvdefaultname>Related Records</csvdefaultname>
  <exportbtnlabel>Export...</exportbtnlabel>
  <export2csvoptionlabel>Export to CSV...</export2csvoptionlabel>
  <export2txtoptionlabel>Export to Txt...</export2txtoptionlabel>
 </labels>
</configuration>

THayes2000

Mine actually has the subfolder(s)/filename.jpg in the field but Robert made the widget to work either way, and is set up in the individual xml config files. Some of mine have MANY photos, so I ran into field length issues and such trying to code entire paths.

Since I just have the folder/filename in there, I use the linkprefix tag in the xml to add the "http://server/basepath/" Have not tried it, but if you have the full URL in the hyperlink field, then should work if you don't use the linkprefix
<multiimagefield linkprefix="" linksuffix="" nexttooltip="Next" prevtooltip="Prev">HYPERLINK </multiimagefield>
.

Also, he has a linksuffix option as well if you need to append ".jpg" or the like to the path. So, your URL will be the <linkprefix> + <linkfield> + <linksuffix>. Should give you the freedom to set it up as you like.

R_

I have it working for all I need but one thing. I cannot seem to get the thumbnail of the hyperlinked photo to appear in the popup window, the hyperlink is there, and an empty icon for where the thumbnail should be. I would like the user to be able to preview a thumbnail of the photo and click on it to view a larger photo in a separate tab. All works but no thumbnail preview. NOTE: the links to my photos is a UNC path, not a URL since the files are retrieved locally from our server. Here is the xml file:

<?xml version="1.0" ?>
<configuration>
<fields>GPS_Pt_Loc,Material,Color,Diameter,Depth_Belo,HYPERLINK</fields>
<titlefield>Material</titlefield>
<links>
<linkfield icon_or_text_or_img="img" icon=""
linkalias="" linkprefix="" linksuffix="">HYPERLINK</linkfield>
<linkfield icon_or_text_or_img="text" icon=""
linkalias="Show Image..." linkprefix="" linksuffix="">HYPERLINK</linkfield>
</links>
<multiimagefield linkprefix="" linksuffix="" nexttooltip="Next" prevtooltip="Prev"></multiimagefield>
<layername>Exposed_Pipes_GPS_Test</layername>
<datefields></datefields> 
<zoomscale>2500</zoomscale>
<csvseparator>,</csvseparator>
<labels>
<csvdefaultname>Related Records</csvdefaultname>
<exportbtnlabel>Export...</exportbtnlabel>
<export2csvoptionlabel>Export to CSV...</export2csvoptionlabel>
<export2txtoptionlabel>Export to Txt...</export2txtoptionlabel>
</labels>
</configuration>

THayes2000

I am getting the hang of it. Everything works except for the image to the hyperlink does not show up. I believe this is a UNC path issue internal to our server. I am looking into it. You have been very helpful.

rzufelt

That did the trick. Thanks! one more quick question, the attribute table where I have my photos stored. The photos are in the HYPERLINK field stored as "http://servername/folder/photo.jpg Does this make a difference or should I have the photo file name only as opposed to the entire URL to the specific photo in one field?

Mine actually has the subfolder(s)/filename.jpg in the field but Robert made the widget to work either way, and is set up in the individual xml config files. Some of mine have MANY photos, so I ran into field length issues and such trying to code entire paths.

Since I just have the folder/filename in there, I use the linkprefix tag in the xml to add the "http://server/basepath/" Have not tried it, but if you have the full URL in the hyperlink field, then should work if you don't use the linkprefix

<multiimagefield linkprefix="" linksuffix="" nexttooltip="Next" prevtooltip="Prev">HYPERLINK </multiimagefield>

.

Also, he has a linksuffix option as well if you need to append ".jpg" or the like to the path. So, your URL will be the <linkprefix> + <linkfield> + <linksuffix>. Should give you the freedom to set it up as you like.

R_

THayes2000

Since you are using the compiled version, it shouldn't be a build project issue. My first thought would be to clear all the browser cache files, then open in a "new" browser window.

Pressing <cntrl><F5> is supposed to reload without cached pages, so might try that. However, depends on what flakiness your windows has, this works great on some of my computers, others it just ignores it. Have not been able to figure out why, but on the ignore box's, one has to clear the cache pages AND start a new browser EVERY time you make a change, or you won't see it.

R_

That did the trick. Thanks! one more quick question, the attribute table where I have my photos stored. The photos are in the HYPERLINK field stored as "http://servername/folder/photo.jpg Does this make a difference or should I have the photo file name only as opposed to the entire URL to the specific photo in one field?

rzufelt

I removed it from the config.xml, but, it still shows up. Here is my config.xml:

THayes2000

The "more" tab is related to the MapSwitcher widget. either remove the San Francisco 3-1-1 service from your operational layers in the config.xml (if you don't want it on the map) OR, set up the MapSwitcherWidget.xml to exclude that layer if you need it in your map but do not want it to show in the "more" tab.

R_

I removed it from the config.xml, but, it still shows up. Here is my config.xml:

<?xml version="1.0" ?>
<configuration>
    <title>Hyperlink Test 1</title>
    <logo>assets/images/logo.png</logo>
    <style>
        <colors>0xffffff,0x333333,0x101010,0x0,0xffd700</colors>
        <alpha>0.8</alpha>
    </style>
    
    <geometryservice url="http://tasks.arcgisonline.com/ArcGIS/rest/services/Geometry/GeometryServer" useproxy="false"/>
    <widgetcontainer layout="float">
        <widget icon="assets/images/i_bookmark.png" label="Bookmarks" config="widgets/Bookmark/BookmarkWidget.xml" url="widgets/Bookmark/BookmarkWidget.swf"/>
        <widget icon="assets/images/i_target.png" label="Find an address" config="widgets/Locate/LocateWidget_World.xml" url="widgets/Locate/LocateWidget.swf"/>
        <widget icon="assets/images/i_draw2.png" label="Draw and Measure" config="widgets/Draw/DrawWidget.xml" url="widgets/Draw/DrawWidget.swf"/>
        <widget icon="assets/images/i_print.png" label="Print" config="widgets/Print/PrintWidget.xml" url="widgets/Print/PrintWidget.swf"/>
        <widget url="widgets/LayerList/LayerListWidget.swf" config="widgets/LayerList/LayerListWidget_LayerList.xml" label="Layer List" icon="assets/images/i_layers.png"/>
        <widget url="widgets/Legend/LegendWidget.swf" config="widgets/Legend/LegendWidget_Legend.xml" label="Legend" icon="assets/images/Legend32.png"/>
    </widgetcontainer>
    <widget url="widgets/Navigation/NavigationWidget.swf" config="widgets/Navigation/NavigationWidget.xml" left="10" top="50"/>
    <widget url="widgets/OverviewMap/OverviewMapWidget.swf" config="widgets/OverviewMap/OverviewMapWidget.xml" right="-2" bottom="-2"/>
    <widget url="widgets/MapSwitcher/MapSwitcherWidget.swf" config="widgets/MapSwitcher/MapSwitcherWidget.xml" right="20" top="55"/>
    <widget url="widgets/HeaderController/HeaderControllerWidget.swf" config="widgets/HeaderController/HeaderControllerWidget.xml" left="0" top="0"/>
    <map esrilogovisible="true" openhandcursorvisible="true" scalebarvisible="true" zoomslidervisible="false" wraparound180="true" initialextent="-13576048.284565514 4498922.921890645 -13574025.091973038 4500138.748371839" top="40">
        <basemaps>
            <layer type="tiled" label="Imagery" url="http://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer" visible="true"/>
            <layer type="feature" label="Structures" url="http://esdgisnew/ArcGIS/rest/services/FlexHyperlinkTest/MapServer/9" visible="false"/>
        </basemaps>
        <operationallayers>
            <layer type="feature" label="Pipes" url="http://esdgisnew/ArcGIS/rest/services/FlexHyperlinkTest/MapServer/10" mode="snapshot" visible="true"/>
            <layer label="Exposed_Pipes_GPS_Test" type="feature" visible="true" alpha="1"
                   info="widgets/InfoTemplates/AttRelateInfoWinWidget.swf"
                   infoconfig="widgets/InfoTemplates/ExPipesHyperlinks.xml"
                   url="http://esdgisnew/ArcGIS/rest/services/FlexHyperlinkTest/MapServer/0"/>
        </operationallayers>
    </map>
</configuration>

rzufelt

The "more" tab is related to the MapSwitcher widget. either remove the San Francisco 3-1-1 service from your operational layers in the config.xml (if you don't want it on the map) OR, set up the MapSwitcherWidget.xml to exclude that layer if you need it in your map but do not want it to show in the "more" tab.

R_

THayes2000

Timothy,

I tried it with 3.0 yesterday with no joy. I'm hopefull that we will get this functionalilty in 3.0 as it is a great feature.

Your are right, Roberts widget works like a charm if you follow the instructions exactly.. Remember no spaces in between the photo names, etc. The following link has a bunch of good info on some of the quirks I ran into, how to code sub-folders into the path, etc.

http://forums.arcgis.com/threads/26094-view-multiple-pictures?p=157815#post157815

Once you get it set up, should do just what you are after,

R_

I followed all the instructions for this widget per your earlier post. I have San Francisco 3-1-1 still listed in the Layers under the "More" Tab. How do I remove this?

rzufelt

Timothy,

I tried it with 3.0 yesterday with no joy. I'm hopefull that we will get this functionalilty in 3.0 as it is a great feature.

Your are right, Roberts widget works like a charm if you follow the instructions exactly.. Remember no spaces in between the photo names, etc. The following link has a bunch of good info on some of the quirks I ran into, how to code sub-folders into the path, etc.

http://forums.arcgis.com/threads/26094-view-multiple-pictures?p=157815#post157815

Once you get it set up, should do just what you are after,

R_

THayes2000

Don't know that it works in 3.0, but this is the only way I have found to hyperlink "multiple" comma separated photos for a single feature. At least using Viewer 2.5.

http://www.arcgis.com/home/item.html?id=4ec33120c9ea4d019fddf722fc34ea3c

Might get some ideas there.

R_

AMAZING! I am going to uninstall 3.0 and install 2.5. With this widget's clear instructions I think I can get it up and running. This is exactly what we need.

rzufelt

Don't know that it works in 3.0, but this is the only way I have found to hyperlink "multiple" comma separated photos for a single feature. At least using Viewer 2.5.

http://www.arcgis.com/home/item.html?id=4ec33120c9ea4d019fddf722fc34ea3c

Might get some ideas there.

R_

THayes2000

You can set up the popup for this layer, and specify something like this in your configuration file:
<img src="http://yourserver/yourphotofolder/{PHOTOS}"/>

I am relatively new to Flex Viewer customization and XML (but I am learning!), can you tell me where to insert this bit of code in the config.xml file?

BjornSvensson

I installed the Flex Viewer 3.0. Works great. But, I have 100 digital photos each one is linked to a point in a point feature class. I want the user to be able to click on the point and the photo with some associated data fields will popup in a Flash Window. All of the photos are in one directory on our server, there is a field called "PHOTOS" in the attribute table of the point feature class with the name of each photo, for example, img6543.jpg, img3234.jpg, img7684.jpg associated with each point.

You can set up the popup for this layer, and specify something like this in your configuration file:
<img src="http://yourserver/yourphotofolder/{PHOTOS}"/>

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.