New in 14: Navigation parts

Version 3

     

     

     

    It's typical to provide navigation options at the top or bottom of the screen. Until now, this has meant placing them in the header or footer parts. This works great in List View, where header and footer parts remain at the top and bottom of your screen as you scroll through the found set of records. But in Form View, if the layout is longer than the available display space, the header scrolls off the screen. Likewise, the footer doesn’t appear unless you scroll to the bottom of the screen. This can be a problem when you design a scrollable form, which is a typical strategy on iPhone.

     

    Typical header buttons

    608-typical+navigation.png

    FileMaker 14 solves this issue by introducing two new layout parts: the top navigation part and the bottom navigation part. These layout parts always remain in position, regardless of whether the layout is in List View or Form View. In many other applications, navigational elements are not tied to the content that the user is interested in. FileMaker Pro takes a similar approach, causing navigation parts to behave distinctly: they do not print or display in Preview mode, and are not affected when the user zooms in on the content.


    If your headers or footers currently include objects used for navigation or other top-level functionality, consider moving these objects into navigation parts. However, if your headers or footers contain objects that need to be printed, leave those objects where they are. The same layout can contain navigation parts, headers, and footers.

     

    Let’s look at the example solution to see how a top navigation part behaves differently from a header part.


     


     

     

    Goal:

     

    Observe how a header part behaves on a Form View layout, then change it to a top navigation part and see how it behaves differently.

     

     

    Steps:

     

    • Observe the header part behavior


    1. Make sure you are viewing the “Approval Details | Pro” layout (in the Pro folder).

    2. Navigate to the first record.

    3. Change the window size by moving the bottom edge upwards so that only the top half of the interface can be seen. This causes a vertical scrollbar to appear on the right.
      609-header+scrolling+v2.png
    4. Use the scrollbar to scroll to the bottom of the window, observing how the header scrolls out of sight.


      Change to a top navigation part

    5. Enter Layout mode.

    6. Double-click the Header part in order to modify it.

 A Part Definition window appears.

    7. Change the part type from “Header” to “Top Navigation”.

    8. Click OK to dismiss the dialog window.


      Observe the top navigation part behavior

    9. Enter Browse Mode
.

    10. If necessary, change the window size so that only the top half of the interface can be seen.

    11. Scroll to the bottom of the window, observing how the top navigation part stays in place rather than scrolling out of sight.

    12. Click the + icon in the lower left of the window to zoom to 150% and then to 200%, observing how the top navigation part remains at 100%.


    13. View the layout in Preview mode, observing how the top navigation part is not displayed.