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.

Visual appearance of a Tab control

Featured Replies

I'm pleased the FileMaker Pro 8 demo allows me to play with the new Tab Control.

I'm less pleased with the simplistic visual appearance of the tab panels -- style-less/bland tabs, tab width controlled by label width, no space between tabs, permanent black shadows, ...

I've been experimenting with overlaying the FM 8 tabs with graphic elements copied from an existing FM 7 layout. It appears I'll be able to mimic the visual appearance of my current FM 7 layouts as follows:

1. Create a Tab control with several tabs.

2. For each Tab panel, overlay all tabs with graphic tabs of my own design.

3. Carefully size the FM 8 tabs to correspond to the overlaid graphics.

My current visual design was modeled after the tabs in many of FM 7 sample databases.

Since my tabs are indented from the left edge of the layout, the graphic overlay includes a block of background color to hide the left portion of the left-most FM 8 tab. Likewise, there is a narrow background filler between each tab because I don't want the tabs to touch. Of course, this means the filler areas are clickable. I'm hoping users won't be confused if they happen to click to the left of the first tab.

It's disappointing to have to resort to this hackery to produce an attractive layout.

-- Ward

Step 3 is very problematic. As you correctly state, the tab width is controlled by the label text - and similarly, the tab height is dictated by font size (a really poor design decision by FMI). As a result, there's no way to be sure your painstaking adjustments will be correctly displayed on another computer.

If you fully justify the tabs, the width at least becomes a constant, given by the width of the entire tab control object divided into the number of panels.

---

BTW, tab control is not one of Advanced features.

Edited by Guest

Hi, Ward

I'm experimenting something, as you do...

Can you post your result ?

  • Author

Step 3 is very problematic. As you correctly state, the tab width is controlled by the label text - and similarly, the tab height is dictated by font size (a really poor design decision by FMI). As a result, there's no way to be sure your painstaking adjustments will be correctly displayed on another computer.

Since the visible tab captions/names will be in the overlay graphics, I can use any text & font to establish the tab size. I hope to find a built-in OS font face & size that measures the same on Mac OS X and Windows XP, which I imagine will take some trial and error.

I'll post a sample layout when I have something that works on both platforms.

BTW, tab control is not one of Advanced features.

When I first wrote the opening note, I thought I was looking at the FM Advanced new features page. A few minutes later, I realized I had the FM Pro page and edited that note to remove the reference to FM Advanced.

-- Ward

  • 3 weeks later...
  • Author

After experimenting more with the new Tab control, I've decided I don't want to give up its flexibility (e.g., variable number of tabs, automatic tab sizing, easy reordering of tabs) simply for aesthetics.

I've opened a new topic, Tab Control with Form & List layouts, to describe my latest experiment (including a database prototype).

-- Ward

Create an account or sign in to comment

Important Information

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

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.