Themes and Styles for WebDirect

Intermediate

How FileMaker themes and styles render in WebDirect and tips for consistent cross-platform appearance.

What you'll learn

  • How FileMaker themes translate to WebDirect CSS
  • Choosing themes that work well in WebDirect
  • Creating custom styles for WebDirect-specific layouts
  • Testing theme appearance across FileMaker Pro and WebDirect

FileMaker's theme system controls the visual appearance of your solution. In WebDirect, themes translate to CSS applied to the HTML the server renders. Most modern FileMaker themes look good in WebDirect, but there are subtle rendering differences between FileMaker Pro and a browser. Understanding the theme system helps you build solutions that look great on both platforms.

1/4
1

How themes work in WebDirect

When FileMaker Server renders a layout for WebDirect, it translates the theme's style definitions into CSS that the browser applies. The same theme looks slightly different in WebDirect vs. FileMaker Pro due to browser rendering differences: font rendering, anti-aliasing, and pixel-perfect alignment vary between the FileMaker rendering engine and WebKit/Blink.

Optimizing WebDirect PerformanceWebDirect Session Timeouts and Configuration

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

Sign in to FM Dojo