Web Viewers in FileMaker layouts

Expert

Embed live web content in a layout and enable two-way communication between JavaScript and FileMaker scripts using FileMaker.PerformScript().

What you'll learn

  • How to configure a Web Viewer with a dynamic URL or data: URI
  • How to call a FileMaker script from JavaScript using FileMaker.PerformScript()
  • Common use cases: custom charts, calendars, rich text editors

A Web Viewer embeds a browser engine (WebKit) directly in a FileMaker layout, rendering HTML, JavaScript, and CSS — and enabling scripts to be called from JavaScript.

1/3
1

Add a Web Viewer

In Layout mode, choose Insert > Web Viewer. The setup dialog prompts for the URL. Use a calculation to build a dynamic URL or a data: URI containing HTML.

FileMaker Script
// Display a static external URL:
"https://maps.google.com/maps?q=" & GetAsURLEncoded ( Customers::address )

// Render local HTML via data: URI:
"data:text/html," & GetAsURLEncoded (
  "<html><body><h1>Hello " & Customers::name & "</h1></body></html>"
)
Popover buttons in FileMaker layoutsValue list field formats — radio buttons, checkboxes, and drop-downs

Sign in to track your progress and pick up where you left off.

Sign in to FM Dojo