The Problem: FileMaker Pro 12 is turning out to be a great document and image management system with some of the new features to do with Container Fields. However there is one little annoying ‘feature’ holdover from previous versions —when using Drag and Drop of images from a Web Browser or Web Viewer (Sarari or Firefox) into container fields on a Macintosh, instead of an image showing up in the field, a text URL will be displayed.
The Solution: Fortunately FileMaker Pro 12 also brought the very useful Insert from URL script step. By employing a script trigger using the Insert from URL script step, the missing drag and drop functionality can be fixed.
Note: Drag and Drop is generally not an issue on Windows, where Drag and Drop from a Web Viewer seems to work well. What does not work on Windows is the ability to drag and drop an image from a Internet Explorer, though Firefox seems to work fine. I am not sure why this is so.
Demo File: Drag and Drop Images
The Problem: Drag and Drop from a Web Viewer or Web Browser into a container field does not work
In the demo file, images appear in a Web Viewer set to Bing’s image search. For the drag and drop to work effectively, you have to click into the ‘slideshow’ mode that Bing offers. Click on an image and comes up in a black background with forward and backward arrows. Drag and drop from there. If you drag and drop from the main screen, you always end up with URLs instead.
Instead of an image popping up in the Container Field, a URL is displayed
The same issue occurs when dragging from a Web Browser to a Container field
Note, drag and drop won’t work on Windows Internet Explorer either. Try Firefox if you need to do this on Windows.
Image Search in a Web Viewer
The Image Search Web Viewer in the demo file is set to search Bing using the First and Last Name entered in the fields to the left.
“http://www.bing.com/images/search?q=”& Contacts::First & “+” & Contacts::Last
The Solution: A Script Trigger — Get Image from URL
Get Image from URL Script Trigger
This script could be distilled down to two steps:
1) Set a variable from the text in the Container field
2) Use that variable to Insert from URL
The rest is just error checking.
To add this script to your solution, replace all the Image Container fields below with your own.
#If it is a Mac
If [Abs(Get ( SystemPlatform ))=1]
#Don’t do anything if the Container field is empty.
If [IsEmpty(Contacts::Photo | Container)]
#If the URL ends in one of the common graphics endings and is not too big
If [Right(Contacts::Photo | Container; 4) =”.jpg” or
Right(Contacts::Photo | Container; 4) =”.png” or
Right(Contacts::Photo | Container; 4) =”.tif” or
Right(Contacts::Photo | Container; 5) =”.tiff” or
Right(Contacts::Photo | Container; 4) =”.pdf”
and Length(Contacts::Photo | Container)<1000]
#Turn Error Capture ON to avoid error messages from slow web servers
Set Error Capture [On]
#Set a variable to the current text content of the container field (a URL)
Set Variable [$ImageURL; Value:Contacts::Photo | Container]
#Insert the graphic from the URL into the Image Container field.
Insert from URL [Select; No dialog; Contacts::Photo | Container; $ImageURL]
Attach the script to the Image Container field
Select the container field you wish to attach the script to.
Attach the Script Trigger to the Image Container field — Control-click on the field
Set the Script Trigger to OnObjectModify
Still Some Problems
This demo was built to work with Bing Image Search. Occasionally an image will have a .html or .htm ending, preventing the script from running. Select another image, or use Copy and Paste as an alternative.
Drag and Drop working as advertised on a Macintosh
Complete your collection
Now you will be able to complete your Star Trek character collection from the web with easy drag and drop from a Web Viewer or Web Browser. Like many of us, some of those people are starting to look old. Have fun!
Full City Computing Metadata Mapping: Under the Hood
FileMaker Geek CONTAINER DRAG N DROP FROM WEB BROWSER/VIEWER