Layouts
Layout design, parts, triggers, themes, and the tools that make FileMaker UIs work.
Bring the messy part
Layouts making a weird face at you?
Book consulting when the lesson makes sense, but your actual file has opinions. We can untangle the design, debug the snag, or map the next build.
FileMaker layout parts — Header, Body, Footer, and more
Understand the purpose of every layout part: Header, Body, Footer, Sub-summary, and Grand Summary — and when each is the right choice.
Conditional formatting in FileMaker layouts
Apply dynamic colors, fonts, and styles to fields and objects based on calculation rules — without scripting.
Hide Object When — dynamic visibility in FileMaker
Make layout objects appear and disappear based on calculation rules — without overlapping objects or multiple layouts.
Layout and record script triggers in FileMaker
Fire scripts automatically when layouts load, records commit, or users navigate — using layout-level and object-level script triggers.
Tab controls in FileMaker layouts
Build multi-panel layouts with Tab Control objects — and learn how to programmatically switch tabs using Go to Object.
Slide panels in FileMaker — swipe navigation for iPad
Create horizontally swipeable panels using the Slide Control — ideal for iPad layouts where touch-based navigation feels natural.
Popover buttons in FileMaker layouts
Display a floating panel of content anchored to a button — without navigating to a new layout or opening a separate window.
Web Viewers in FileMaker layouts
Embed live web content in a layout and enable two-way communication between JavaScript and FileMaker scripts using FileMaker.PerformScript().
Value list field formats — radio buttons, checkboxes, and drop-downs
Choose the right UI control for value list fields: radio buttons, checkboxes, drop-down lists, and pop-up menus each have specific use cases.
Displaying container fields in FileMaker layouts
Control how images, PDFs, and files in container fields are displayed on layouts — crop, reduce, fit, and interactive content options.
Merge fields in FileMaker — inline field values in text
Use <<fieldname>> merge syntax to embed field values inside text blocks — ideal for letters, labels, and printed documents.
Building sub-summary reports in FileMaker
Create grouped reports with sub-totals using Sub-summary parts — and understand why the sort order is the key to making them work.
Card windows in FileMaker — modal overlays
Open a modal-like overlay window anchored to the parent using the Card window style, introduced in FileMaker 16.
Button bars in FileMaker — segmented controls
Use the Button Bar object (FileMaker 14+) to create multi-segment controls where each segment has its own icon, label, and script action.
Named styles and themes in FileMaker layouts
Create reusable named styles within a layout theme so you can update the look of many objects at once — like CSS classes for FileMaker layouts.
Anchoring for responsive layouts in FileMaker
Use object anchoring to control how layout objects resize and reposition when the FileMaker window is resized.
Slide and Resize for collapsing blank space in FileMaker reports
Use Slide Up and Slide Left settings to automatically collapse blank address lines and empty fields in printed FileMaker reports.
Using the FileMaker Inspector — Position, Appearance, and Data
Master the three Inspector tabs to configure any layout object: Position controls size and behavior, Appearance controls styling, and Data controls field assignment.
Layout themes in FileMaker — consistent styling across layouts
Apply and manage layout themes to maintain a consistent visual style across all layouts, and understand how changing themes affects existing objects.
Setting tab order in FileMaker layouts
Control the sequence the cursor follows when users press Tab — and remove specific fields from the tab order to improve data entry flow.
Advanced conditional formatting rules
Stack multiple conditional formatting rules with complex expressions to create dynamic, data-driven visual feedback.
Slide controls for tab-like navigation
Use slide controls to create swipeable, tab-like panel navigation that works smoothly on touch devices and FileMaker Go.
Web viewer: embedding HTML, maps, and external content
Use the web viewer object to display external URLs, dynamically generated HTML, and embedded maps within FileMaker layouts.
Layout object triggers: OnObjectEnter, Exit, and Modify
Attach scripts to field and object events to create responsive, wizard-style interfaces that react to user actions without buttons.
Inspector panel: advanced object properties
Use the Inspector's Appearance, Data, and Position tabs to set anchoring, visibility conditions, tooltip text, and placeholder behavior.
Themes and object styles: design consistency at scale
Use FileMaker themes and named styles to maintain design consistency and update the appearance of many objects at once.
Custom menu sets
Create custom menu sets to hide built-in FileMaker commands and add solution-specific menu items that call scripts.
Designing layouts for printing
Design print-specific layouts with correct part sizes, suppressed blank space, and page break control for clean output.
Layout performance optimization
Identify and resolve the most common layout design decisions that slow rendering: deep portals, unstored calc chains, and excessive conditional formatting.
FileMaker Go layout considerations
Design layouts that work well on iOS devices: appropriate touch targets, native controls, and FileMaker Go-specific features.
Choosing the right table occurrence for a layout
Select the appropriate table occurrence (TO) for each layout to minimize relationship traversal and ensure the correct record context.
The virtual list pattern for large data display
Use the virtual list pattern to display thousands of rows in a portal without loading all related records into memory.
Container field display modes
Control how images and files appear in container fields using fit, fill, crop, and reduce options, and enable interactive content for PDFs and media.
Layout Parts Deep Dive
Master every FileMaker layout part -- header, body, footer, sub-summary, grand summary, title header, and title footer -- and know when and how to use each one.
Building Sub-Summary Reports
Design and produce professional multi-level sub-summary reports in FileMaker -- from single-level grouping to nested multi-break reports with conditional totals.
Tab Order and Keyboard Navigation
Configure FileMaker tab order for efficient data entry, including custom tab sequences, auto-complete fields, and keyboard-driven navigation patterns.
Object Naming Strategy
Design a consistent FileMaker layout object naming system that enables reliable scripting, conditional formatting, and Hide Object When logic.
Layout Object Layer Order
Control the stacking order of layout objects to achieve overlapping designs, tooltip effects, and interactive panels using Bring to Front, Send to Back, and grouping.
Merge Fields vs. Field Objects
Know when to use FileMaker merge fields vs. standard field objects -- understanding the trade-offs in editability, appearance, and use in mail-merge-style layouts.
Button Bars
Build professional navigation and action toolbars using FileMaker's Button Bar object -- covering segment configuration, active-state styling, and script parameters.
Layout Variables ($$Variables)
Use FileMaker global ($$) variables on layouts for session-scoped state -- mode indicators, selected record trackers, and layout-to-layout communication.
Hide Object When -- Advanced Patterns
Build sophisticated conditional UI using Hide Object When: multi-condition logic, combining with conditional formatting, user role gates, and performance considerations.
Find Mode Layouts
Design layouts optimized for Find mode -- dedicated search screens, field placement for common finds, and scripted finds that bypass the Find mode UI entirely.
Portals: Advanced Configuration
Go beyond basic portal setup -- configuring initial row, scrolling behavior, portal filters, alternate row highlighting, and portal interaction patterns.
Portal Go to Row and Delete Row
Use Go to Portal Row and Delete Portal Row script steps to programmatically navigate, select, and manage portal records without entering individual record contexts.
Nested Popovers
Build multi-level popover interfaces in FileMaker, combining popovers with slide controls and card windows for complex contextual UI without additional layouts.
Slide Controls -- Advanced Patterns
Use FileMaker slide controls for tabbed interfaces, wizard flows, and progressive disclosure -- covering programmatic navigation, panel detection, and animation.
Advanced Conditional Formatting
Apply sophisticated conditional formatting rules for data visualization -- traffic-light indicators, relative comparisons, multi-condition stacking, and formula-driven styling.
Charts in FileMaker Layouts
Configure FileMaker chart objects for bar, line, pie, and scatter charts -- connecting data sources, formatting axes, and updating charts dynamically.
Container Fields on Layouts
Display, configure, and interact with FileMaker container field objects -- covering insert options, storage choices, thumbnail generation, and interactive containers.
Script Triggers -- Comprehensive Guide
Master every FileMaker script trigger: layout-level, field-level, and object-level -- understanding their firing order, use cases, and common gotchas.
Layout Performance Measurement
Measure FileMaker layout load times, identify slow objects, and use profiling techniques to find and fix the bottlenecks that make layouts feel sluggish.
The Virtual List Technique
Use the Virtual List pattern to build custom list views, reports, and data displays that go beyond what portals and sub-summary layouts can achieve natively.
Card Window Patterns
Design reusable card windows for details, confirmations, record pickers, and entry forms -- covering card window creation, data passing, and result handling.
Printing and PDF Generation
Configure FileMaker layouts for print output and generate PDFs programmatically -- covering page setup, Print Setup, Save as PDF, and multi-page report generation.
Custom Dialog Design
Design informative, user-friendly custom dialogs -- choosing between Show Custom Dialog and card windows, designing confirmation flows, and providing context-rich feedback.
Inspector Deep Dive
Master every tab of the FileMaker Inspector -- Position, Appearance, Data, and Behavior -- to configure objects precisely and build consistent, polished layouts.
Layout Object Tips and Tricks
A curated collection of layout object techniques -- locked objects, precise alignment, style copying, custom styles, and keyboard shortcuts that speed up layout design.
Multi-Window Management
Design and manage multi-window FileMaker solutions -- controlling window types, sizes, positions, and scripts that coordinate actions across windows.
Layout Templates and Standards
Create and maintain layout templates, design systems, and coding standards for FileMaker solutions that ensure visual consistency across large teams.
Layout Review Checklist
Perform a comprehensive layout quality review -- checking performance, accessibility, print readiness, security, and user experience against a 40-point checklist.