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
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

@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.

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

@Dennis5mile Seems like this is only in Canary, recently in Canary they rounded all the icons maybe.
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"

@Macqael 

 

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

@Deleted 

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

 

fdsfd.png

 

 

@Macqael 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