FileMaker tips, techniques, and news.

By Ethan Yoder  Posted on  November 19th, 2020  in  FileMaker, Free Downloads

FM Draw Add-On

The ability to markup images has become a standard feature across different programs and operating systems. With our new FileMaker add-on, FM Draw, you'll be able to write on images in just a few simple steps. Whether you're looking to make notations to a design or highlight sections of an image, we have you covered.

Installing the Add-On

To make the FM Draw add-on available to your file, you’ll need to do the following:

  1. Completely close FileMaker Pro. Make sure you're using 19.1.3 or above.
  2. Unzip the custom add-on.
  3. Move the custom add-on folder into your AddonModules folder. On Mac, you may need to press “Command+Shift+Dot” to view one of the hidden folders in this file path.
     •       Mac: /Users/username/Library/Application Support/FileMaker/Extensions/AddonModules
     •       Windows: Users\username\AppData\Local\FileMaker\Extensions\AddonModules
  4. Open up the FileMaker file that needs the add-on. If you want to sketch on a specific field, make sure to navigate to a layout with a context based on that field's table.
  5. Enter layout mode and open the "Add-ons" tab. Click the "+" button at the bottom of the panel.
  6. In here, you should see the add-on in the "JavaScript" section. Select the add-on and click "Choose". This step should import FM Draw into your system.
  7. Click and drag the add-on onto your layout. This will add FM Draw to the layout. Feel free to resize the web viewer to whatever size you need. You can also drag the add-on onto the layout multiple times for multiple drawing windows.


If you are using FM Draw on FileMaker Go, make sure your layout's dimensions aren't larger than your device's dimensions. If this happens, you may accidentally drag the window around instead of drawing on the canvas.

A screenshot of the FM Draw installation process.

Setting Up FM Draw

Once you’ve installed the add-on, you can configure your FM Draw window in the settings panel by clicking the gear icon.

  • Input Container Field: This allows you to select a container field. Any image (jpg, png, gif, tiff) in that field will be placed in the canvas. The dropdown options will be pulled from the layout context your web viewer was placed on.
  • Save Image Method: This allows you to change how your image is saved. You can either chose to save your canvas to a file path or into another container field.
  • Output Container Field: This allows you to select a container field. When you click the save button, your canvas will be placed into this field. The dropdown options will be pulled from the layout context your web viewer was placed on.
A screenshot of the FM Draw options dialog

Once everything is setup, you can start drawing! You have several tools to choose from: pencil (freehand drawing), rectangle, circle, arrow, and drag. The first four will create elements on your canvas, while drag will allow you to move or modify elements. If you would like to remove an element, you can select it with the drag tool and move it off the canvas. You can also change the color of your elements using the color selector on the left side. If you would like to reset your image, you can click the "refresh" button to start over. FM Draw also works without an internet connection, allowing you to markup images completely offline.

And example of FM Draw in action

Updating Versions

When updating to a new version of FM Draw, you'll want to do the following:

  1. Uninstall FM Draw from your FileMaker system using the "Add-On" panel in layout mode. FileMaker doesn't always remove all of the web viewers if they're placed on multiple layouts, so you may have to delete some of those manually.
  2. Completely close FileMaker Pro.
  3. Find the Add-On folder on your operating system (listed above). Delete the existing FM Draw folder.
  4. Unzip the FM Draw .zip file for the new version. Place the unzipped folder into the Add-On folder.
  5. Reopen your FileMaker system and install FM Draw.


Any existing settings in your file will be removed, so you will have to set those back up again.

Version 1.1.0

December 16th, 2020

  • Added the ability to create text boxes.
  • Added the ability to create plain lines.
  • Added white as a selectable color.
  • Removed the empty corner on the toolbar to make more room for tools.
  • Fixed issue where drag tool wasn't working after certain tools were selected.
  • Fixed issue where users weren't able to manipulate multiple objects at once.

Version 1.1.1

July 22nd, 2021

  • Improved performance of FM Draw Add-on when used on larger FileMaker systems.

Conclusion

In just a few minutes, you can integrate your FileMaker solution with FM Draw! You can markup images inside of your database or start from scratch. Save time by drawing directly in FileMaker with no 3rd party program required. Please contact us if you need further assistance or to discuss getting FM Draw into your FileMaker solution.

Did you know we are an authorized reseller for FileMaker Licensing?
Contact us to discuss upgrading your FileMaker software.

Download
Download the FM Draw File
Please complete the form below to download your FREE FileMaker file.
FileMaker Experience *
Terms of Use *
OPT-IN: I agree that I am downloading a completely free FileMaker application file with no strings attached. This file is unlocked, and I may use it for my business or organization as I see fit. Because I am downloading a free file, I agree that I should receive occasional marketing. I understand that I can OPT-OUT of these emails at anytime.
Ethan Yoder thumbnail
Ethan Yoder

Ethan is a hard-working, focused application developer who employs his expertise in database and interface design to produce creative outcomes for clients. His steady demeanor, receptiveness to new ideas, and willingness to help is a recipe for success in working with both colleagues and customers.

FileMaker 18 Certified Developer
FileMaker 17 Certified Developer
FileMaker 16 Certified Developer
FileMaker 15 Certified Developer
FileMaker 14 Certified Developer
FileMaker 13 Certified Developer
FileMaker 12 Certified Developer
FileMaker 11 Certified Developer
"We were actually able to add more features than we thought would be possible within our budget. We always experienced a ‘can do’ attitude and DB Services was incredibly patient and easy to work with."
Courtney Hartman
Art Director
"The new FileMaker custom website interface is very user-friendly and easy to follow for our clients. In addition, it is much faster than the old Instant Web Publishing (IWP) interface. Thank you and all the others who have helped us out at DB Services. I am very grateful for the excellent service you provide us. Its nice to know we can call you for help if we have an issue."
Wayne Capek
President
"We needed a solution that would simplify the administration of our responsibilities under our contract with the State of Indiana. We have seen a dramatic increase across the state in the number of potential foster and adoptive parents that have begun the preparation and training process. This increase has resulted in a significant opportunity for children available for adoption. That’s a big win for everyone! And it’s all because we can refer potential parents to the proper state contacts efficiently and quickly."
Chris Morrison
Executive Director
"Thank you for all of your expertise and valuable help. I am so grateful to have found DB Services."
Linda Findlay
Owner
"Thank you for our new database system. We transitioned from a carbon copy paper based system to a digital database. The software has saved us time and money. We used to archive all our jobs in cabinets, now we can look up a job in seconds from anywhere. The software allows us to easily email estimates to our customers in pdf format. In a year there was a return on investment just from eliminating the purchasing of our carbon forms."
Todd Cartmel
Owner
"The new system allows us to create and track jobs for customers along with inventory, something we had been doing with separate word and spreadsheet files. Because it’s now so intuitive, new staff members are able to begin using the database immediately without our usual training session and ‘cheat sheets’ for getting around within the file."
Tom Andrews
President