topic Re: Hyperlinks for Flex Viewer 3.0 in ArcGIS Viewer for Flex Questions

Hyperlinks for Flex Viewer 3.0

TimHayes — Sun, 03 Jun 2012 14:43:48 GMT

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.

Re: Hyperlinks for Flex Viewer 3.0

BjornSvensson — Mon, 04 Jun 2012 21:46:18 GMT

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

Re: Hyperlinks for Flex Viewer 3.0

TimHayes — Tue, 05 Jun 2012 17:46:29 GMT

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?

Re: Hyperlinks for Flex Viewer 3.0

RhettZufelt — Tue, 05 Jun 2012 19:40:13 GMT

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_

Re: Hyperlinks for Flex Viewer 3.0

TimHayes — Wed, 06 Jun 2012 13:51:04 GMT

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.

Re: Hyperlinks for Flex Viewer 3.0

RhettZufelt — Wed, 06 Jun 2012 15:07:53 GMT

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_

Re: Hyperlinks for Flex Viewer 3.0

TimHayes — Thu, 07 Jun 2012 19:19:25 GMT

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?

Re: Hyperlinks for Flex Viewer 3.0

RhettZufelt — Thu, 07 Jun 2012 19:52:05 GMT

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_

Re: Hyperlinks for Flex Viewer 3.0

TimHayes — Thu, 07 Jun 2012 19:55:22 GMT

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>

Re: Hyperlinks for Flex Viewer 3.0

RhettZufelt — Thu, 07 Jun 2012 20:02:25 GMT

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_

Re: Hyperlinks for Flex Viewer 3.0

TimHayes — Thu, 07 Jun 2012 20:09:29 GMT

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?

Re: Hyperlinks for Flex Viewer 3.0

RhettZufelt — Thu, 07 Jun 2012 20:21:34 GMT

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_

Re: Hyperlinks for Flex Viewer 3.0

TimHayes — Fri, 08 Jun 2012 00:25:58 GMT

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.

Re: Hyperlinks for Flex Viewer 3.0

TimHayes — Fri, 08 Jun 2012 12:52:26 GMT

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>

Re: Hyperlinks for Flex Viewer 3.0

RhettZufelt — Fri, 10 Dec 2021 22:03:28 GMT

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>