ISO FileMaker Magazine

Slideout menus have been around for quite some time in the mobile world. They often come alongside an icon of three short horizontal bars which are commonly called a hamburger menu. Called as such because it looks like two buns, with one above and one below the meat in between. This icon is also suspiciously similar to a "List view" icon in our familiar world of FileMaker.

While the UI pattern still has a lot of use in the mobile world, it's becoming increasingly "out of fashion" and referred to as a basement menu when considered for the purpose of navigation. Regardless of whether the pattern is useful as a navigational method, the know-how behind implementing within FileMaker allows us to use that knowledge in various other ways as well.

In this video I showcase the implementation of a slideout menu for the purpose of discussing all the critical bits to knowing how it's implemented. This knowledge will allow you to take advantage of how a slider panel can be used to disclose further information which may be intentionally hidden within your user interface. Understanding how this UI pattern is implemented within FileMaker will improve your proficiency with creating solutions in our favorite database application.

Emulating features and design functionality found within iOS apps can be both frustrating and rewarding in FileMaker. Frustrating because you can't just replicate anything you see in iOS, yet rewarding when you pull something off and feel like FileMaker is that much closer to a native looking application. The biggest benefit with FileMaker being you likely created the solution with a speed which simply can't be had when building the same with the native iOS APIs.

Simply put, FileMaker saves a ton of time when creating an application which is heavily data focused. Managing data and programming the interaction with that data may take double or even triple the amount of time when not using an IDE like FileMaker.

This video is all about recreating a nice UI feature I found within sliders in an iOS app named Strava. Instead of using the standard plain and boring dots at the bottom of a slider panel, it uses creative looking icons. Of course, I set out to emulate this look and feel and accomplished it quite successfully. As I set out to accomplish the task, I also found other methods which make the whole process super simple to accomplish. Use the information in this video and the provided technique file to enhance your own use of slider panels.

[UPDATE] Forget about what I mention in the later part of the video about hacking the dots. I forgot about where you could control the size of them. It is hidden within the HUD panel for adding and removing new panels. The size setting is right there. I thought I had remembered seeing it and I searched all over in the Inspector and couldn't find it when shooting the video. :(

Navigation - it's a fundamental piece to the whole UX problem of a growing database solution. When you first start out, things are pretty easy. You may have a few buttons taking users to dedicated layouts.

However, as things continually grow, you end up adding more and more places to go and things which can be done. Managing this growth, and how you present the possible options, is something which requires a bit of forethought.

When you start to consider the number of layouts which may need to be modified, you quickly come against the ever constant limitation of time. Who wants to have to make modifications to many different layouts if they don't have to - especially to multiple layout objects on those multiple layouts. The fewer objects you need to copy and paste the better.

Even better than that is the ability to dynamically show whatever menu options you wish at whatever time and based on context as well. How about if we throw in some re-usability as well?

Well, how about a Portal Based Navigation menu, inclusive of icons? It may be exactly the solution we're looking for when considering the issue at hand. This video and sample file will provide you with the know-how to implement both a flexible and powerful navigation menu for maximum navigation effect.

Recently, FileMaker released its iOS App SDK for FileMaker Pro. This new technology for FileMaker developers allows for both consultants and solution developers to create client or customer specific solutions which can run on iOS without having to install FileMaker Go.

Given the speed with which a FileMaker solution can be built and deployed, the knowledge of using the Separation Model of deployment becomes a valuable tool for creating agile solutions. Easily updated and easily deployed.

When it's possible to update a FileMaker solution via the click of a button, you can iterate very quickly and both fix issues and enhance functionality. Clients and customers get to realize the benefits of having a custom solution while being able to take advantage of the powerful features which FileMaker Pro and FileMaker Server offer.

If you've never used the Separation Model, then there's still a big benefit to knowing that you can create a stand-alone FileMaker solution for use on a mobile device. Being able to update this solution is a critical component in the development of software using FileMaker Pro.

In this video, I showcase not only the technology, but the know-how necessary to update any given FileMaker file which exists on a device - be it a desktop, laptop, iPad or iPhone.