Jump to content
Sign in to follow this  
FMDuck

Why use padding on a one-line text field? And why are FMP labels still small and bold?

Recommended Posts

Sorry for the two-part question but they seem to go together...

I'm starting to rewrite my FMP5.5 to FMP11 UI. I'm graphically challenged so with the intention of making use of the larger displays, I'm looking closely at what some of the industry leaders have put out.

So far, every FM Theme sample or product, or example that I've run across for single-line fields, field labels, or buttons use both padding and alignment when it seems that having only padding or alignment on 3 of the 4 sides is necessary and would be more useful. For example:

  • 12pt Left-center aligned text
  • 22pt high x 200 wide field
  • Padding of 2,7,2,7

The left padding of 7 (or whatever) seems useful but since FileMaker doesn't limit the length of a text field, adding padding on the top, right, and bottom seem to potentially limit a user's awareness that there's more in the field.

In another example:

  • 12pt center-center aligned number
  • 22pt high x 40 wide field
  • Padding of 2,7,2,7

In this case the left and right padding results in 2 digits being cut off (3 visible vs 5 without padding). 

In both examples the top and bottom padding seem unnecessary and in some cases can result in fonts being cutoff.

Is there a reason for padding all around, or is theme creation easier, or just people's CSS habits?

----------------------------------------

The other question - Creating new field instances still result in one size for the field font and a smaller size bold font for the label. Again, looking around online, I don't see anyone keeping this big field/small bold label result. It seems that years ago this could have made sense to draw attention to where the field is but now, there are too many other things on the screen.  Does anyone know if there's a current philosophy behind this or maybe has it just never changed in FMP?

 

Share this post


Link to post
Share on other sites

Take a look at the Indent, as well. :)

 

Share this post


Link to post
Share on other sites
3 hours ago, FMDuck said:

The other question - Creating new field instances still result in one size for the field font and a smaller size bold font for the label. Again, looking around online, I don't see anyone keeping this big field/small bold label result. It seems that years ago this could have made sense to draw attention to where the field is but now, there are too many other things on the screen.  Does anyone know if there's a current philosophy behind this or maybe has it just never changed in FMP?

Change it to what you want. Then save the style over the Default. Make it your new default. 

Then save it to a new theme. Use the new theme as you base for layouts. 

New fields will then adopt the "Default" style you set.

Share this post


Link to post
Share on other sites

Padding is required for WD and for FMGO if you wish to have text appear in the middle of the field. Where as just general formatting doesn't seem to cut it. Also padding is helpful when you have text that would normally wrap and you don't wish to see the second line you can add padding to top and bottom to trim it to the single line.

Haven't tried in a while but i think too sliding objects up won't work if your fields are middle aligned you may need to add padding instead so that content slides. 

Keep in mind that there is a relationship between fields and labels based on proximity once edited they are broken you can fix them again with the Accessibility tool, helpful if your audience requires a screen reader.

Share this post


Link to post
Share on other sites

@Beverly - I see what you mean about the indent. It seems like FMI could make the left padding match the field's when the labels are placed above.

@Josh - I'm so used to seeing the smaller, bold label that I forgot it won't be that way anymore. Still though, there was an issue with the Field Picker not aligning the labels with the fields so they all had to be adjusted up or down. But then I realized the labels are always center aligned and the fields are top aligned (by default) so some consistent padding and alignment will fix that too.

@OW (good to see your hairy smiling face!) I'll probably end up with some layout on WD so I'm more comfortable using the padding. I also found that by keeping the vertical padding, it can be easier to set the desired height since when sizing them with the mouse.

 

Share this post


Link to post
Share on other sites

for the past few projects I have been using buttons objects as labels they seem to be a bit more precise for dimensions and alignment with other objects.

Share this post


Link to post
Share on other sites
1 hour ago, Ocean West said:

I have been using buttons objects as labels

Could you elaborate a little more on what these objects are? 

Share this post


Link to post
Share on other sites

Like this. If the label is going to have borders and such I found it easier to format buttons then a text object - and occasionally a label will actually be a button that does something or may be a pop over button. If the label needs to be dynamic it could use a single segment button bar. All of which could include an icon should the design call for it. 

Screen Shot 2018-02-13 at 8.23.13 AM.png

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×
×
  • Create New...

Important Information

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