Jump to content
Sign in to follow this  

Tweaking tab control height

Recommended Posts

I have avery big solution that was built in FM7 originally and it needs a UI overhaul. So, no themes are as good as they are I am rolling up my sleeves and putting together a reference design. have been looking around at design templates to lift (speaking frankly) and I like the FM Starting Point design. However there are a few things I need to tweak that I can't readily see how to do it in Inspector. The main one is the height of the tabs in the tab controls. They are too high for my layouts. As far I can see I either have to hack the CSS somehow or I have to use a conditional fomatting workaround, set the text size really small to reduce the height of the tab, then conditional format the text back up to the correct size, which is a bit yuck, seeing as I have lots of tabs.

Any advice much appreciated. Many thanks.

Share this post

Link to post
Share on other sites

I would think hacking the CSS is the worse idea.   I don't quite understand this part:

On 7/4/2017 at 11:23 AM, michael3785 said:

 So, no themes are as good as they are.. 

If you dig a little deeper into FMSP you'll see changing the tabs is easy.  Go into layout mode, click on a tab control, open up the inspector palette on the styles tab.  You'll see the very large tab controls on the Contacts layout listed with the style of Default.  Try changing it to Alternate Tab Control.  This styling for the tab control is attached to a custom theme.  You can go through and change themes (on a copy first).  Go through all themes until you see the elements you like-Tab controls, scroll bars, etc.  Then save them as a new style to attach to your custom theme.

But more importantly if you're coming from FM7 to 16, research Themes and Styles on the forums and blogs.  You really should create a new custom theme, and style all objects and save to the custom theme.

You can also create tab panels with no labels, and use the button bar to mimic labels, where selecting a button changes the tab panels.

Share this post

Link to post
Share on other sites
On 7/4/2017 at 8:23 AM, michael3785 said:

have avery big solution that was built in FM7 originally and it needs a UI overhaul

This doesn't sound like you are using FM Starting Point, rather instead, a file you developed in FileMaker Pro yourself?


looking around at design templates to lift (speaking frankly) and I like the FM Starting Point design

I sent you a Private Message, please read it first.

Share this post

Link to post
Share on other sites

Hi, I'm Nick Hunter developer at RCC who designed the new FMSP.

There's only one way to tweak Tab Control height. 

There is 2 type of Tabs: 

  • The Tab Control in Themes for Desktop
  • Tab control in Themes for Touch.

Tabs for Desktop are "thin" when tabs for touch are twice as big.

How to transfer thick tabs control from a Touch Theme to a desktop theme?

1- Create a layout with the theme of your choice for Touch.


2 - Create a Tab Control

3 - Copy the Tab Control Tab from the theme for touch.



4 - Go to the layout with the theme for Desktop

5 - Create a Tab Control 

6 - Paste the style to the Tab Control... The tab becomes like the one for Touch.


7- Save a new Style... and Voilà.


You have now both Tab Control in the same layout.





Screen Shot 2017-07-06 at 2.13.24 AM.png

  • Like 1

Share this post

Link to post
Share on other sites

Hi Nick

Many thanks for your explanation. That worked perfectly :)

I copied the smaller tab control from the other layout over to my working one and created a new style based on it.

Thanks very much



Share this post

Link to post
Share on other sites

Here is a link that discussed this same thing. The answer here https://community.filemaker.com/message/79268#79268 might be of help.



DavidJondreau  Apr 23, 2012 12:52 PM (in response to jgalt)

Set the font size to get the tab height you want. Then set conditional formatting on the tabs to a calc = 1 and set your desired label font size.


I used calc as Self = 1

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.

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  

  • Similar Content

    • By docasar
      I have a tab control panel with four tabs, and I would like to achieve that when I change tabs a script is triggered and would set the value of a global field called "zzz_g_collection_type" according to the tab name which is active.
      I need this field to dynamically filter the products that are shown on 1_row portals that I have put into each tab panel space.
      I have followed Elishree Dey tip on http://burnignorance.com/filemaker-pro-tips/trigger-a-script-when-user-changes-the-tabs-in-filemaker/ but I cant make it work, it only changes the value of "collection_type" field once and only to show that the first condition is not met.
      I have attached the picture of my script.
      My initial idea was to place on each tab space a picture-field of a product as a 1 row portal and then duplicate as much as products I have so when I click on the picture a script is triggered and the product is added to the invoice.
      Morever, I have set an Object name to each tab Control so it would work, and also the desired value for zzz_g_collection_type comes from another related table with only one record that I use as preferences, this is on Preferences Table I have three fields called "Product_Type_Short_#" and those match on Elishree Day script tutorial.
      Any ideas what I could be doing wrong?

    • By Trinity32244
      I am new to using themes and styles.  I have chosen the onyx theme for my new project.  My issue I am having is for tab controls I put in the layout are not formatting when I change object attributes.  I have set fill and line to no fill and no lines yet it still shows up with borders and a bar behind the tab selection area.  I use transparent tab panels for a lot of user interface objectives and have wasted hours trying to figure out why it won't change when I make them in the inspector bar
    • By dataclip
      I have created an interface with a tab control panel. On my computer it looks like the DeveloperPC image. However, if my customers opens the file on his computer he sees the customerPC image. In other words he does not see the tabs on his screen. When he changes the zoom level to 150% the tabs appear. Any idea what can cause this behaviour??
      Joost Kingma

    • By scoony
      Hi All,
      I'm in the process of designing a Filemaker Go 13 solution for my company. One of the layouts has six questions which the relevant response in Pop-over menus. I have also set the tab order which opens the next questions Pop-over answer options.
      Once the last question has been answered I'd like to highlight a button.I realise that the tab order for iOS does not recognise buttons. I have tried to use the following with no success.
      Script Trigger on last question field:
      OnObjectModify with script GoTo Object naming the button I would like to highlight
      At the moment the script trigger is ignored and the first question is highlighted again, as in the tab order going in a loop.
      Any ideas would be much appreciated.
    • By naio
      I am using FMP13 dark theme as default to design a layout with a tab control set, I insert a container field the last (deepest) tab.
      Alas! the image in the container is shown in every tab, as if it was on top of the tab control.
      What's wrong?
      Thanks for your help
  • Who Viewed the Topic

    1 member has viewed this topic:
  • Create New...

Important Information

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