Excelisys Custom Database eX Cetera Blog

Drag and Drop-Dead Elegant Interfaces

January 28th, 2009

Everyone at Excelisys loves to hear that rhetorical question asked: “Woah! You can do THAT in FileMaker?” Oh yeah, you can. Well this is one of those moments, and we just posted a demo file and white paper about it up on our Excelisys web site.

http://www.excelisys.com/tips-tricks-filemaker-downloads.php

With the new script triggers introduced in the recently released FileMaker Pro 10, we all can now deliver a richer user experience to our customers – one that incorporates a familiar and elegant interface mechanism: drag-and-drop.

The new demo file we’ve posted is fully unlocked, requires FileMaker Pro 10, and includes three interface examples of the drag-and-drop technique. There is also an embedded PDF white paper that further explains how the whole thing is built, with sample code.

The most obvious use is sorting. Let’s say you’re in a band and you’re trying to organize a set list. Just drag the song titles into the order you want, or change it up again just by dragging. How long have we wanted this feature?

Another great use is building a list. Let’s say you’re managing the receiving dock in a warehouse and you have two lists: the one on the left shows four items ordered on a PO, while the list on the right is blank but will include the items you are receiving. Today you only received one item, so you drag that item from the list on the left into the list on the right. Easy, right?

But here’s yet another great example: nesting in a hierarchical interface. We’ve previously posted a tip on how to build a hierarchical interface, so here’s how to – BAM! – kick it up a notch. Let’s say you have an outline for a presentation, and you decide to move some of your subtopics to another parent topic. By just dragging the subtopic to another topic in the list, you have rearranged your outline – any nested subtopics in the item you moved are automatically moved with it, just as you’d expect.

And that’s when it hits you…   THIS is FileMaker???

These great techniques, examples and white papers are brought to you (once again) by eX-Team Senior Developer Andrew Persons.

Can you think of any other great drag-and-drop example ideas? Leave us a comment and tell us about it, and if applicable let us know how this technique helped you in your projects.

7 Responses to “Drag and Drop-Dead Elegant Interfaces”

  1. Jeremiah Small says:

    This is very cool. Nice job, Andrew.

  2. Vincenzo Menanno says:

    Very cool Christo,

    Have you tried it without using global memory variables.

    Can I include your technique in our upcoming Framework?

    I played around with this a little while back and glad to see that you persisted… it is very cool … and happy that you shared it.

    Vince

  3. Oreste says:

    Hi,

    I made a drag and drop dispatch screen for limo drivers. I put the primary key into a calculation that was a container. It displayed it as text and I didn’t need to add the .gif that you did in your solution. Drag and drop also work is you select all in any field. You can set the field to select all when entered and the drag it around. But containers work better since you can not accidentally type into them

    Oreste

  4. Andy Persons says:

    Thanks for the kind words.

    Vince: I haven’t tried it without global variables; I can’t think of a way to do it without them. Do you see a disadvantage to using them?

    Oreste: In this technique, I couldn’t use a calculation, since the container field needs to be modifiable to trigger the auto-enter calc.

  5. Not that I’m totally impressed, but this is more than I expected for when I stumpled upon a link on SU telling that the info here is awesome. Thanks.

  6. superdrupermegapuper54321…

    Very usefull info. Thanks!…

Leave a Reply


Excelisys

Explore the eX Cetera Blog


Services Database Development
& Consulting

Web Site / Applications
Commercialware
Custom vs Commercial
The Development Process
Custom FileMaker Applications
FileMaker Consultants
FileMaker Consulting
FileMaker Developer
FileMaker Development
FileMaker Experts
FileMaker Help and Support
FileMaker Professional
FileMaker Programmers
FileMaker Services
FileMaker Web Solutions

Company Our Team
Why Choose Excelisys?
Our Philosophy
About Us
How Do We Charge?
Alliances
Industry News
The Goods eX Files
eX BizTracker 3.0
eX BizTracker 2.0
eX BizTracker Pro
Tips N Tricks
Demos
Portfolio Our Portfolio
Client Testimonials
Our Clients
Contact Us Our Team
About Us
Employment
1–866–592–9235
Legal | © 2012 Excelisys eX Logo Excelisys.com