Jump to content
  • entries
    146
  • comments
    3
  • views
    78,993

Making portals look more native in FMGo

Sign in to follow this  
John Sindelar

622 views

Portals have come a long way in Filemaker Go. With just a bit of thought though, we can make them even better.

2.jpg

You may have noticed that if you try and scroll beyond the content in iOS that you reveal a cross hatch pattern that appears to be in the background.

webscroll.png?w=328&h=246

Website scrolling in iOS

Filemaker Go even mimics this behavior in some circumstances. If you resize a layout to be smaller than the screen by pinching, or if you scroll past the content in list view you will notice this same pattern.

Portals are different though. If you scroll past the content in a portal it will show the color of whichever object is behind it, or the layout body color if no object is behind it. To fix this we just need to add an image filled box underneath the portal and make sure that the portal fill is not transparent.

tilefill.png?w=300&h=153

Image fill with a tile repeat

Once you have placed your image filled box directly behind your portal you can enter browse mode and test it out. If everything worked correctly you should see the same effect as we got earlier scrolling beyond our content in Safari.

filemakerportalscroll.png?w=300&h=225

End result in a FileMaker Portal

With one extra layout object we have added quite a bit of polish to our portals. It will also add consistency that will add a level of professionalism to your solution.

You can actually find the background pattern in Lion and Mountain Lion. If you don’t want to go digging through your system resources though, I have attached it here.- Tanner

defaultdesktop.png?w=380

Checkout more FileMaker Go Best Practices.

817 b.gif?host=seedcodenext.wordpress.com&bl

Source

Sign in to follow this  

×

Important Information

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