Jump to content
  • entries
  • comment
  • views

Best practices in layout design for FMGo

1) To create an iOS friendly layout for FMGo, the best practice is to minimize the amount of horizontal and vertical scrolling required to interact on your layout. To achieve the same, we should make a single layout for iPhone having size 320W X 255H and for iPad having size 768W X 673H (instead of making two layouts one for landscape and one for portrait) along with proper anchor locks which will stretch it properly to fit for both the landscape and portrait mode view.

2) We also need to take care of the proper anchor locks for the objects(fields,graphic, webviewer etc) placed on the layout so that the objects showing correctly in one view would not overlap with each other on the other view. The other benefit of this size layout is that we will not have to scroll in either direction to view all of the objects.

3) Sometimes, we need to make the layout big enough to hold all the objects, in this case we have to design the layout smartly we can make use of the side a block method to make the layout work both horizontally and vertically. We can even make use of tabs to place tab related objects on it thus limiting the layout to above size.Please have a look on to the below link to get a better idea of the side a block method:


4) Locking the zoom level is helpful on a list view to prevent horizontal scrolling and can be done by using “Set Zoom Level[Lock;100%]” step in the navigating script of the layout for that file. However a possible best practice would be to defer zoom levels to the user rather than setting them by script.

5) Make sure the size of button and the space between them are adequate so as user doesn’t accidentally click the button near the one that he is intended to click.

6) Make sure the size of the text are large enough to interact with the database from the iPhone and iPad.

7) Don’t forget to make your list views 4pt narrower so as to accommodate the indicator for the active record. Some other factors to take into consideration while designing the layout are:


Toolbar 44 points high in Portrait mode on the iPhone / iPad

Toolbar 44 points high in Landscape mode on the iPad

Toolbar 34 points high in Landscape mode on the iPhone

Status Bar 20 points high in Portrait mode on the iPhone / iPad

Status Bar 20 points high in Landscape on the iPad

8) Sometimes, field height do restrict the bottom of character on iPad and iPhone such as “g”, “p” etc, we should take care of the same by increasing field height or doing the correct alignment for top, bottom or middle for that field.

9) “Allow User Abort[Off]” step should be set appropriately for the application so as to avoid users to interrupt scripts by double-tapping a scripted UI element. This lets user unintentionally stop scripts from executing, potentially interrupting

data processing scripts and potentially introducing data corruption.

10) We should use small images or native FileMaker contents to make the navigation to the layouts faster, we can even use the hidden tab control feature to hide objects contributing towards loading time for the layouts, and show them with the

click of a button when the user is intended to do so. Please have a look on to the below link to have better idea of the same:


11) Make use of a webviewer instead of field to make the content non-editable and scrollable in FileMaker Go. Please have a look on to the below link to have better idea of the same:


12) Finally it is always the best practice to test the layout for each aspect on the iPad and iPhone itself while doing the design.

Surya Kanta Mekap

Software Developer, Mindfire Solutions, India



Skype: mfsi_suryam

Sign in to follow this  


Recommended Comments

There are no comments to display.

  • Create New...

Important Information

By using this site, you agree to our Terms of Use.