Navigation bar buttons are invisible

In one of my apps I’m using “Allow five views in the bottom navigation bar” with dark theme. This is out of necessity because I need to hide the menu view. The app is used to log reports outdoors in the desert sun. Except for the button that is the active view, the nav bar buttons are gray and cannot be seen at all with sunglasses on.

I suggest you make the button backgrounds white instead of gray, as is the case with your 3 button nav bar. What’s more important in the app that being able to see the nav buttons?

Regards
Bob

2 Likes

Hello @Fof_Webmaster, I’m not sure if this is a question or a feature request actually haha, but you can change the navigation bar colors in the UX-> Brand configuration, by changing the theme color and the theme settings.

1 Like

Raphael

5 years ago we tested the app outdoors in the sun with sunglasses on, just like your selfie, hahah. I know about the nav bar color options. White text on black is the best. The issue is that 4 of the 5 buttons on the nav bar have font that is grayed out with almost no contrast vs the black background. This is true for all the nav bar colors.

1 Like

I was in the shade tho :sunglasses:

Dang, 5 years, if i had known i wouldn’t have mentioned the UX at all, you’re an appsheet veteran !

Have you considered moving your navigation bar buttons to a view that could be used as an in-app “menu” ? That way you could have more control over how those options are displayed, but at the cost of adding an extra step for switching between views.

PD: Asking for more control over the nav buttons would make for a very valid feature request too, since there aren’t that many legible combinations avaidable most of the time.

2 Likes

A very legitimate complaint. I’ve made sure the UX team is aware of your post.

1 Like

Thanks Steve. This will assist the 99.99% or more of your users who use the app with sunglasses on!!!

There must be another easy way to highlight the button that’s the active view other than making the other 4 buttons, that are the only options left available the the user, unreadable. Maybe make the button that’s active unreadable? Haha. Or use the 3 button method of coloring then active button.

Cheers
Bob

1 Like