How to solve the ambiguity of selected state in a segmented control with just two segments?

by Sooraj MV   Last Updated September 12, 2019 05:16 AM

I'm working on a web application that has two similar data grids in a page. User should be able to switch between these two data grids within the same page.

I have used segmented buttons to navigate between these two grids. But I feel this component visually becomes a toggle, and the current state of the toggle becomes ambiguous.

As of now I’m solely relying on the color / hue to show the selected state but I feel it's kinda unclear which state is selected.

Is there a better approach to solve this problem?

Segmented buttons circled in red enter image description here



Related Questions


Should parent toggles control child toggles?

Updated September 23, 2016 08:06 AM

On/Off controls on an inline editable table

Updated May 19, 2016 07:48 AM


"Mark as Reviewed" UI pattern advice

Updated April 11, 2019 17:16 PM

How to best present multiple statuses in a table?

Updated March 14, 2019 10:16 AM