The Original FileMaker Community
Business Templates - Demo Apps - Video Tutorials -Samples - Help - 46000 Member Forum

The Leading Filemaker Developer Tools

Popovers in FileMaker 13 Portals – FileMaker Today

Get real time updates directly on you device, subscribe now.

Well, today we’re going to look at a simple work around, which was inspired by Ray Cologon’s brilliant Screen Popovers demo, and also utilizes David Thorp’s clever technique to enforce popover modality (i.e., prevent the user from dismissing the popover until certain conditions have been met)…

8-25-2014 4-53-35 AM

…with help from these three demo files:

 Demo 1: FM 13 portal popover experiments

8-25-2014 8-50-29 AM

Demo 1 does not offer any work arounds; its purpose is merely to show the problem.

Demo 2: FM 13 tab control in a portal

8-25-2014 10-06-50 AM

In this demo we have a simple timesheet solution architected like so…

8-22-2014 8-54-31 PM

…and for a given employee’s time sheet, we want to be able to edit each portal row (i.e., day entry) in a popover. Since we can’t do that directly, we’re going to fake it as follows:

  • When the user clicks into a field in the portal

  • display a popover with an embedded tab control from outside the portal

  • but make it look like it’s coming from inside the portal

Here’s how:

1. Define a global text field, zz_g_id_day, in TIMESHEET

8-25-2014 9-15-59 AM

2. Link it to a new occurrence of DAY on the relationships graph, like so

8-25-2014 9-26-44 AM

3. Define an invisible popover, place it at the top left of the screen, and size it to fill the screen. Make the background transparent, and place a visible simulated popover with embedded tab control in the center.

8-25-2014 10-17-14 AM

4. Add an OnObjectEnter script trigger to all fields in the portal8-25-2014 10-49-49 AM

5. Add conditional formatting to each field in the portal

8-25-2014 9-08-30 PM

6. And wire everything up to this script

8-26-2014 8-59-59 AM

 Demo 3: FM 13 portal in a portal

In this demo a Timesheet has multiple related Day entries, and each Day entry has one or more related Breakdown entries. The basic architecture is straight-forward…

8-25-2014 9-48-30 PM

…and we want the user to be able to edit the breakdown (time detail) for a day record by clicking into the day row, and have a breakdown portal for that particular day pop up on top of the day portal.

8-25-2014 9-37-26 PM

This is accomplished by basing the breakdown portal on the highlighted TO below…

8-25-2014 10-56-54 PM

…and the details are similar to the ones we looked at in demo 2 above, so I won’t bother to reproduce them here, but instead invite you to pull the demo apart and see for yourself how it works.

In an upcoming article, we’ll look at a way to make this technique transactional, and in the meantime if you have any suggestions for improvements, I hope you’ll post a comment here.

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More