SOLVED

Vertical Tabs Icon

%3CLINGO-SUB%20id%3D%22lingo-sub-1884959%22%20slang%3D%22en-US%22%3EVertical%20Tabs%20Icon%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1884959%22%20slang%3D%22en-US%22%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22Untitled-1.fw.png%22%20style%3D%22width%3A%20841px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F233442i568F513AEF5D7757%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22Untitled-1.fw.png%22%20alt%3D%22Untitled-1.fw.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3EHi%2C%20it%20doesn't%20seem%20clear%20to%20me%20what%20the%20icon%20design%20is%20trying%20to%20tell%20me.%20When%20I%20see%20a%20rectangle%20with%20a%20white%20stripe%20on%20top%20(in%20dark%20mode)%20I%20understand%20that%20if%20I%20click%20on%20the%20icon%20I%20will%20be%20switching%20to%20horizontal%20tab%20mode.%20For%20me%2C%20and%20I%20don't%20know%20if%20you%20interpret%20it%20the%20same%20way%2C%20the%20correct%20one%20would%20be%20the%20icon%20that%20appears%20in%20the%20image%20suggested%20above%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1885288%22%20slang%3D%22en-US%22%3ERe%3A%20Vertical%20Tabs%20Icon%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1885288%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F852674%22%20target%3D%22_blank%22%3E%40LazieWouters%3C%2FA%3E%26nbsp%3B%20If%20you%20click%20on%20the%20first%20image%20(white%20icon%20on%20the%20top)%20it%20will%20switch%20to%20horizontal%20tabs.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThe%20suggestions%20you%20showed%20would%20be%20switching%20to%20vertical%20tabs.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1885320%22%20slang%3D%22en-US%22%3ERe%3A%20Vertical%20Tabs%20Icon%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1885320%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F852674%22%20target%3D%22_blank%22%3E%40LazieWouters%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EPersonally%2C%20I%20take%20as%20the%20icon%20verifying%20what%20the%20current%20state%20is%2C%20%22you%20are%20currently%20in%20Horizontal%20tab%26nbsp%3B%26nbsp%3B%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22H%20Tab%202020-11-13%20115715.jpg%22%20style%3D%22width%3A%2040px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F233462i051F1354AEFE12B1%2Fimage-dimensions%2F40x33%3Fv%3D1.0%22%20width%3D%2240%22%20height%3D%2233%22%20role%3D%22button%22%20title%3D%22H%20Tab%202020-11-13%20115715.jpg%22%20alt%3D%22H%20Tab%202020-11-13%20115715.jpg%22%20%2F%3E%3C%2FSPAN%3E%3CSPAN%3E%26nbsp%3Bmode%22%2C%20%22You%20are%20currently%20in%20Vertical%20tab%20mode%22%26nbsp%3B%26nbsp%3B%3C%2FSPAN%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22V%20Tab%202020-11-13%20115753.jpg%22%20style%3D%22width%3A%2051px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F233463i4A2399AB377B76A2%2Fimage-dimensions%2F51x43%3Fv%3D1.0%22%20width%3D%2251%22%20height%3D%2243%22%20role%3D%22button%22%20title%3D%22V%20Tab%202020-11-13%20115753.jpg%22%20alt%3D%22V%20Tab%202020-11-13%20115753.jpg%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%E2%80%83%3C%2FP%3E%3CP%3E%E2%80%83%3C%2FP%3E%3CP%3EDennis5mile%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1885385%22%20slang%3D%22en-US%22%3ERe%3A%20Vertical%20Tabs%20Icon%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1885385%22%20slang%3D%22en-US%22%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F316655%22%20target%3D%22_blank%22%3E%40Dennis5mile%3C%2FA%3E%20Seems%20like%20this%20is%20only%20in%20Canary%2C%20recently%20in%20Canary%20they%20rounded%20all%20the%20icons%20maybe.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1885473%22%20slang%3D%22en-US%22%3ERe%3A%20Vertical%20Tabs%20Icon%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1885473%22%20slang%3D%22en-US%22%3Ein%20my%20case%20i%20would%20prefer%20the%20button%20show%20what%20mode%20will%20be%20enabled%20if%20click%20%2C%20just%20like%20when%20i%20have%20a%20hide%20button%20the%20text%20in%20the%20box%20is%20%22hide%22%20not%20%22shown%22%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1885523%22%20slang%3D%22en-US%22%3ERe%3A%20Vertical%20Tabs%20Icon%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1885523%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F390049%22%20target%3D%22_blank%22%3E%40Aelisya%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20agree%20with%20you%20because%20it%20is%20more%20intuitive%20in%20this%20way%20(at%20least%20in%20my%20opinion)%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1885746%22%20slang%3D%22en-US%22%3ERe%3A%20Vertical%20Tabs%20Icon%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1885746%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F852674%22%20target%3D%22_blank%22%3E%40LazieWouters%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3Eit%20doesn't%20look%20like%20that%20on%20Edge%20Dev%26nbsp%3B%3CSPAN%3EVersion%2088.0.692.0%20(Official%20build)%20dev%20(64-bit)%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22fdsfd.png%22%20style%3D%22width%3A%2047px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F233487i330AF6B10C259BFD%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22fdsfd.png%22%20alt%3D%22fdsfd.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
Deleted
Not applicable

Untitled-1.fw.png

Hi, it doesn't seem clear to me what the icon design is trying to tell me. When I see a rectangle with a white stripe on top (in dark mode) I understand that if I click on the icon I will be switching to horizontal tab mode. For me, and I don't know if you interpret it the same way, the correct one would be the icon that appears in the image suggested above

 

 

7 Replies
Highlighted

@Deleted  If you click on the first image (white icon on the top) it will switch to horizontal tabs.

 

The suggestions you showed would be switching to vertical tabs.

Highlighted
Best Response
Solution

@Deleted 

 

Personally, I take as the icon verifying what the current state is, "you are currently in Horizontal tab  H Tab 2020-11-13 115715.jpg mode", "You are currently in Vertical tab mode"  V Tab 2020-11-13 115753.jpg

Dennis5mile

Highlighted
@Dennis5mile Seems like this is only in Canary, recently in Canary they rounded all the icons maybe.
Highlighted
in my case i would prefer the button show what mode will be enabled if click , just like when i have a hide button the text in the box is "hide" not "shown"
Highlighted

@Aelisya 

 

I agree with you because it is more intuitive in this way (at least in my opinion)

Highlighted

@Deleted 

it doesn't look like that on Edge Dev Version 88.0.692.0 (Official build) dev (64-bit)

 

fdsfd.png

 

 

Highlighted

@Aelisya and @Deleted Thanks for the feedback. I'm tagging in @IrinaL for visibility, in case she can provide any additional context. 

 

Keep an eye out for more info on these icons soon!

 

Fawkes (they/them)
Program Manager & Community Manager - Microsoft Edge