Article Tags
Click or tap one of the article tags to filter down to a smaller selection.
- Accounts
- Add-ons
- AI
- Alerts
- Analysis
- APIs
- Apple Maps
- Auto-Enter
- Barcodes
- Base64
- BaseElements Plugin
- bBox
- Breadcrumbs
- Button Bars
- Caching
- Calculations
- Calendars
- Card Windows
- Charting
- Checkboxes
- Code Editing
- Code testing
- Coding
- Color Picker
- Colors
- Conditional Formatting
- Containers
- Context Management
- Cropping
- Crypto
- CSV
- cURL
- Custom Functions
- Custom Menus
- Data API
- Data Capture
- Data processing
- Data structure
- Data Viewer
- Date Ranges
- Dates
- Debugging
- Deployment
- Developer Tools
- Dialog Boxes
- Docker
- Drag-n-Drop
- Drop-down List
- Dropbox
- Duplicates
- Duplicating records
- Encryption
- Error handling
- Events
- Excel
- ExecuteSQL
- Exporting
- External Authentication
- External Files
- Field Formatting
- Field Storage
- Fields
- File IO
- File Management
- File Sharing
- FileMaker Go
- FileMaker Server
- FileMaker Settings
- Filtering
- Find & Replace
- Find Mode
- Found Sets
- Functions
- Fundamentals
- Global Fields
- Global Variables
- Google Forms
- Google Maps
- Google Services
- Graphics
- Grid
- Grouping
- Hierarchies
- Highlighting
- Icons
- Images
- Importing
- Indicators
- Inspector palette
- iOS
- Java/Groovy
- JavaScript
- Join Tables
- JSON
- Key fields
- Layout Design
- Layout Mode
- Layout Parts
- List function
- Logging
- Looping
- Mapping
- Marking Records
- Media Storage
- Menus
- Merge fields
- Messaging
- Microsoft Surface
- Mobile design
- MonkeyBread plug-in
- Multi-key fields
- Multi-option fields
- Naming Conventions
- Navigation
- New Release
- Node-RED
- Notifications
- Oauth
- Object management
- OCR
- OnGestureTap
- OnLayoutKeystroke
- OnObjectKeystroke
- Parsing HTML
- Perform Script on Server
- Performance
- Permissions
- Photo manipulation
- Pickers
- Pivot tables
- Pop-ups
- Popovers
- Portals
- Preferences
- Printing
- Privilege sets
- Product review
- Productivity
- Progress Bars
- PSOS
- Python
- Quick Find
- Record Locking
- Regex
- Relationship Graph
- Reporting
- REST
- Sankey
- Schema
- Script Parameters
- Script Triggers
- Scripting
- ScriptMaster
- SDK
- Searching
- Security
- Separation Model
- Set Variable
- Settings
- Shortcuts
- Sliders
- Snapshot Links
- Sorting
- Spelling
- Spreadsheets
- Startup
- State Management
- Summary Fields
- SVG
- Syntax
- Syntax Highlighting
- Tab Controls
- Table View
- Tagging
- Terminology
- Text Parsing
- Themes
- Time fields
- Time Savings
- Tips
- Tools
- Transactions
- Tricks
- Twilio
- UI
- Updating
- User Interface
- Validations
- Value Lists
- vCalendar
- Virtual list
- Web Forms
- Web Scraping
- Web Services
- Web Viewers
- Webhooks
- Windows
- XML
Videos about "ui"
When developing within tools like Xcode, the sky’s the limit in terms of providing user interaction and user feedback. Fortunately, with FileMaker, we have access to many of the core interaction elements from iOS. Popovers are a great example of a critical iOS UI element.
When FileMaker 13 was released we got the wonderful Popover objects. To follow that up within FileMaker 14, we got the new objects named Button Bars. These new objects were an enhancement on the ages old Button objects. The cool addition to these legacy objects was the fact that we can use multiple segments (buttons) within Button Bars. Each of these segments can then take advantage of the existing features. They can simply act as buttons or become Popovers in their own right.
The primary, and key distinction with Button Bars over standard buttons is access to FileMaker’s calculation engine. With access to the calc engine, we can now do a lot of things to the data shown on those buttons which can’t be done with standard buttons.
When you consider that a Button Bar can have any number of segments from one to 400 (which I wouldn’t suggest) you can think of a lot of creative uses for not just user interaction, but for user feedback and information display as well.
This video showcases a number of creative uses for FileMaker’s Button Bar objects.
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. :(
When you’re designing in a small cramped space, and you’ve got a lot to put on the layout, you can always go for that native Popover button widget to store the extra info.
But when all that information needs to feel somehow connected to each other, just using a bunch of Popover buttons on the layout may not work well. In these cases, it’s best to go with an Accordion menu.
This familiar design pattern is very easy to accomplish within FileMaker and, when done right, can be a simple matter of copy and paste in order to add it to any other solution.
In this video, I showcase a robust and easy-to-use slider setup which emulates the popular Accordion menu. If you’re just not feeling the look and feel of that standard tab panel, then add this solution to your tool bag for when you need it next.