Jump to content
View in the app

A better way to browse. Learn more.
FMForums.com

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Exploring Field Labeling Positions

  •
Ocean West
in Interface Design Discussions

Featured Replies

Here is a sample file that has standard field labels Left of Field / Top of Field, Vertical data entry or horizontal data entry.

 

I also added a few "custom styles" that inset the label in to the data entry field so that it is "one object".

 

There are a few caveats regarding how to style the field or label so that the label doesn't disappear when the focus is in the field. OR when creating and editing a layout some options will resize the label container thus forcing you to resize the label to match the size of the field. 

 

I added a simple survey and curious how people prefer to view and interact with labels and fields based on their design of their solution.

 

I would myself probably make the label text less important (lighter contrast between) so the users attention focus on the data in the field itsef.

 

Labels.fmp12.zip

Create an account or sign in to comment
Go to topic listing

Important Information

By using this site, you agree to our Terms of Use.

I accept

Account

Navigation

Search

Configure browser push notifications
Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.