MightyData

FileMaker and WordPress Consultants

  • Company
    • About
    • Contact
    • Team
    • Artists
  • Services
    • Consulting
    • Development
    • Our Process
    • Coaching
    • Training
  • Results
    • Customers
    • Success Stories
    • Testimonials
  • Blog

Popover Buttons in FileMaker 13

December 4, 2013 by Darren Burgess 7 Comments

FileMaker 13 brings with it many new innovative features. Building on the new design space innovations created in FileMaker 12 and a continued focus on database tools for mobile, FileMaker 13 offers a new layout object dubbed the “Popover Button”.

Example of popover button in starter solution

You may recall some months ago I wrote about pros and cons (mostly con) of using tab panels to hide and display pop-up content to assist in data entry and display.

The Popover Button

Well, now that rather kludgy technique has been rendered mostly obsolete with Popover Buttons.  A Popover Button is a new layout object that creates a pop up within which you can place layout objects. This design pattern is seen frequently in the software, web, and mobile design worlds these days, and we are glad that FileMaker is keeping up by providing a simple tool to create this effect. What’s more, Popover Buttons can be used across the FileMaker platform: they work in FileMaker Pro client, FileMaker Go, and through a browser using Web Direct.

Here are just a few ideas of how we might use this new layout object:

  • Display related or secondary data
  • Display container data in a larger format
  • Display additional button choices that don’t fit on a layout
  • Provide the user with a popup to select a record for related record creation
  • Display help text throughout a solution

Creating A Popover Object

True to FileMaker form, creating Popover Buttons is simple.  They are created from the Toolbar object that also creates buttons. You can simply click and hold to toggle between Button and Popover Button.

A Popover Button can then be added to a layout just like a regular button. Once placed, you can click on the button in layout mode – this reveals the popover – and then content can placed within it, just as you would with a tab panel.  Here is a screen shot from the Invoices starter solution provided with FileMaker 13:

Layout canvas for popover button

There is a bit more to configuring a popover. Double click the popover and a Popover Setup HUD appears with the following features:

Popover button setup

  • Calculated title bar for the popover
  • Check box to toggle display of title bar
  • Selection of one of four preferred “directions” to display the popover. Note that a popover will display in a different direction if required to by the window size.
  • On Object script triggers

Popover in Action

And here is a screen shot of the Popover Button as used in the Invoices starter solution that comes with FileMaker Go 13:

Popover button on the iPad

Popover buttons are just one of the features that enhance the user experience in FileMaker 13.  We are also looking forward to using Slide Controls (for iOS swipe gestures), iOS Keyboards for FileMaker Go data entry, and FileMaker Go native barcode scanning.

Filed Under: Layout Design Tagged With: FileMaker 13, Layout objects

Comments

  1. Drew Sanderson says

    December 4, 2013 at 9:06 am

    Say there is data from a related table on the pop over, i’m curious when that get retrieved and sent “down to wire” to the client… on layout load, or pop over activation perhaps?

    Thanks for the post, looking forward to more 🙂
    Drew

    Reply
    • Darren Burgess says

      December 5, 2013 at 9:51 am

      That is a great question, Drew. Which is a neat way of saying that I don’t know. I will post the question in TechNet and see what I get back.

      Reply
  2. Darren Burgess says

    December 5, 2013 at 9:53 am

    And here is a followup bit from SeedCode about some of the known issues and workarounds with Popovers:

    http://www.seedcode.com/filemaker-13-popover-bugs/

    Reply
  3. James Gill says

    April 14, 2014 at 5:14 pm

    This may be a silly question, but now did you manage to reformat the portal scroll menu?

    Reply
    • Kirk Bowman says

      April 14, 2014 at 11:28 pm

      James – The database in this article is the Invoices starter solution that comes with FileMaker 13. You can create a copy of it by choosing the menu File > New From Starter Solution. The styling for the portal is part of the Enlightened theme in the file.

      Reply
  4. Eric says

    July 17, 2014 at 7:02 am

    Can you print a popover window?

    Reply
  5. Eleni says

    September 20, 2019 at 5:53 am

    In this starter solution, when you press “New customer” in the popover another window is opened. How can I edit that? (How the new customer entry data is shown)

    Reply

Leave a Reply Cancel reply

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

Let’s get started on your project.

It will be more fun than you think.

Get in Touch

  • Company
  • Services
  • Results
  • Blog

Copyright © 2023 · Parallax Pro Theme on Genesis Framework · WordPress · Log in