Making portals look more native in FMGo

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

[youtube http://www.youtube.com/watch?v=J8laBSbe5vg]

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.

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.

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.

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

Checkout more FileMaker Go Best Practices.

Featured Posts

Follow Along

Stay up to date with the latest news & examples from SeedCode

Leave a Reply

Your email address will not be published. Required fields are marked *

Check out some of our other posts ...

Suggesting Appointment Slots

Show Available Slots that Match Multiple Criteria Schedulers often look for gaps in their schedules to find the open resources for each opportunity. But sometimes,

Introducing Draft Settings Mode

Following up on this idea that people stretch themselves when they feel a little safer, we’ve been very focused on the customization experience for DayBack

New Longer Timescales for DayBack

Resource Scheduling Swimlanes You can now extend the pivoted scheduling view in DayBack to show items by week instead of solely by day. This lets

FileMaker Summer Camp – Recap

Unconference Sessions If you missed Pause in October, here’s a look at the sessions that attendees hosted. All the sessions are listed in this post

COMPANY

FOLLOW ALONG

Stay up to date with the latest news & examples from SeedCode

© 2024 SeedCode, Inc.