Responsive FileMaker Design
&
Web-Viewer Layouts
Joel Shapiro - March 2013
Bringing cool things from the world of web design into FileMaker…
Two components:
(1) “Responsive FileMaker Design”
based on the concept of Responsive Web Design
- one layout that responds to the viewing environment
- no need for separate, pixel-perfect FMGo layouts
comparable to separate mobile-specific sites, e.g.: m.site.com or mobile.site.com
- benefits for FMPro interactions as well
(2) “Web-Viewer Layouts”
- layout has nothing but a Web Viewer object
- anchored to all 4 sides
in which we can use:
HTML(5)
with things like:
- input placeholders
- input types (tel, url, search)
- someday “required” (waiting for better support in Safari & IE)
JavaScript / jQuery
for things like:
- visual effects (hide, slide…)
- field validation (w/ friendlier UI)
- “extended” tooltips
fmp:// protocol
to talk to FileMaker
FMPro does need to be hosted
FMGo can be local or hosted
Still Fully a FileMaker database
- can use the toolbar (status area)
- can zoom(!)
- could use a synching tool for offline use (Go)
A web app interface
for your
FileMaker database