Step 4: Design layouts for mobile browsers

Web users access FileMaker WebDirect custom apps with mobile devices that have different screen sizes and resolutions. To provide an optimal experience for mobile browsers, identify the target devices for your custom app, and design your custom app to adapt to each device.

• Design each layout for the smallest device in a range of devices, and configure the auto-resize options for layout objects to adjust according to the web browser's height and width.

  • In some mobile browsers, users may not be able to view objects near the bottom edge of a layout if the layout is larger than the mobile device's viewable area.

  • On iOS and iPadOS devices, if users zoom in to enlarge the image on screen, the status toolbar and some layout elements may not be accessible.

  • On Android devices, layout elements are always fixed in size. Users can't zoom in or out.

• Use the OnLayoutSizeChange script trigger to change layouts if the browser dimensions change to be greater or smaller than a certain height or width, such as when a mobile browser changes orientation.

• FileMaker WebDirect does not support saving snapshot links, importing records, exporting records, or exporting the contents of container fields from mobile browsers.