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 indicator on inactive tab

Featured Replies

I am building a layout with a tab control.  I would like to have a visual indication to the user if a tab has data in it, even if the tab is not selected.  For example, if a comments field on a comments tab is not empty, I would like to give the user an indicator that the comment exists when the tab is unselected. I know I can change the style of the tab individually, but can it be made conditional?

Have you tried a Flag and the IsEmpty ( yourTO::yourField) using the Conditional Formatting?

 

Here is a very simplistic example of what I mean.

CF_FlagonTabs.fmp12.zip

Edited by Lee Smith
addwd a sample file

  • Author

Thanks, Lee.  You got me pointed in the right direction.  I used conditional formatting to change the tab text color to a highlight color with not isEmpty(theField), and then used GetLayoutObjectAttribute("theTab";"isFrontTabPanel") in a second condition to change the text back to the normal color when the tab was selected.  This combo got me the look I was after.

Or you can simply handle it all in the tab name itself (attached).  I just modified your file, Lee.  I didn't think you'd mind.  :-)

It sure is nice to have multiple options, now.

TabNames.fmp12

@doughemi

Hi Doug,

If I’m understanding your reply, you're only wanting the tab to show a “Flag” until the user clicks into “the Tab” and then have the Tab change back to its normal color even if they take no action? 

@LaRetta

I don’t mind, my file was basic concept to see if that was what Doug was looking for. BTW, the bottom tab panel is similar to your change. Only he wants the “Flag” only to show if there is text in Tab2.

  • Author

Not quite, Lee.  I only wanted the tab on Tab2 to visually indicate that it contained some defined data only when it was not the front tab.  The flag on tab1 is not necessary. 

TabNames_dh.fmp12

Ok, I see what you wanted now. Thanks for replying.

Create an account or sign in to comment

Important Information

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

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.