The Original FileMaker Community
Business Templates - Demo Apps - Video Tutorials -Samples - Help - 46000 Member Forum

The Leading Filemaker Developer Tools

Web Viewer Integration – A DevCon 2017 Sellout Session w/ Jeremy Brown

Demo File Included

Get real time updates directly on you device, subscribe now.

Jeremy Brown is well know in the FileMaker community for his uncanny knowledge of FileMaker Web Viewer integration’s. If you are thinking Web Viewer for any of your business or personal apps be sure and contact the Web Viewer Integration Leaders at Soliant Consulting!

The web viewer object is an extremely versatile object that allows a developer to integrate deeper functionality into a custom app using the languages of the web, HTML/CSS and JavaScript.


In this session, you’ll explore a standard way to integrate common web libraries, including setting up an integration in FileMaker, manipulating it, and gathering data using some of the new functions of FileMaker 16. Discover best practices that are used to make this as easy as possible to set up deeper functionality.

What you should know

Familiarity with scripting in FileMaker. Some web-language knowledge is useful, but not required.

Products & Technologies

  • Pro/Advanced
  • Go

Session Materials

The demo file is attached here, containing ten integration’s. This will be used in the session. To download the full file, click here.

Web Viewer Related Resources:


Name URL Notes
Soliant Consulting Blog Soliant Consulting’s collection of Web Viewer-related articles
W3 Schools The place to go to learn HTML/CSS/ JS. It explains well the elements of the web’s languages and gives great examples.
A Complete List of CSS Properties and Values
jQuery The standard place to learn about jQuery
Hex Color Picker A place to find the color values for any color.
I have this tab open all the time while doing work.
D3JS A library used in many charting and data maps libraries.
The FMP Protocol var theURL = “fmp://$/**FileName**?script=**ScriptName**&param=“;
window.location = theURL;
Adobe Color
CSS Button Generator

What You Will Learn

  • Best practices of web integrations into a custom app.
  • Implement integrations into their own custom apps.
  • How the fmp protocol and a library’s callback functions are used.
  • The basics of manipulating an integration to fit their own custom app.



This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More