New floating button for the Web Widget in Edge

%3CLINGO-SUB%20id%3D%22lingo-sub-2186215%22%20slang%3D%22en-US%22%3ENew%20floating%20button%20for%20the%20Web%20Widget%20in%20Edge%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2186215%22%20slang%3D%22en-US%22%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22dsds.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F261009iFEC4CD0B42000B5C%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22dsds.png%22%20alt%3D%22dsds.png%22%20%2F%3E%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%22image.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F261010iD09C6A7D6288DCAE%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22image.png%22%20alt%3D%22image.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%3CUL%3E%3CLI%3Eyou%20can%20drag%20and%20drop%20it%3C%2FLI%3E%3CLI%3Eyou%20can%20put%20it%20anywhere%20on%20the%20screen%20but%20it's%20sticky%2C%20so%20it%20automatically%20sticks%20to%20sides.%3C%2FLI%3E%3CLI%3Eif%20you%20drag%20and%20drop%20it%20on%20the%20center%20of%20your%20screen%2C%20it%20automatically%20sticks%20to%20one%20of%20the%204%20sides%2C%20also%20got%20smooth%20animation%20when%20it%20sticks.%3C%2FLI%3E%3CLI%3Eit%20stays%20always%20on%20top%20of%20other%20windows%20(except%20for%20full%20screen%20games%20which%20I%20just%20tested)%3C%2FLI%3E%3CLI%3Ecan%20be%20turned%20on%20and%20off%20using%20the%20option%20shown%20in%20the%20screenshot%20below%3C%2FLI%3E%3C%2FUL%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%22fdfs.png%22%20style%3D%22width%3A%20998px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F261013iC9691F79EF202E06%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22fdfs.png%22%20alt%3D%22fdfs.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSTRONG%3EHow%20do%20you%20launch%20Web%20Widget%3F%3C%2FSTRONG%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3COL%3E%3CLI%3Eit%20launches%20automatically%20on%20Windows%20startup%20(unless%20you%20disable%20it%20from%20Edge%20settings%20or%20Windows%20settings)%3C%2FLI%3E%3CLI%3Eyou%20can%20launch%20it%20by%20right-clicking%20on%20Edge%20canary%20shortcut%20on%20Start%20menu%20and%20selecting%20%22Launch%20Web%20Widget%22%3C%2FLI%3E%3CLI%3Eyou%20can%20launch%20it%20from%20Edge%20settings%20page%3A%26nbsp%3B%20edge%3A%2F%2Fsettings%2FnewTabPage%3C%2FLI%3E%3CLI%3Eyou%20can%20launch%20it%20by%20pressing%20Edge's%20(...)%20menu%20button%20%3D%26gt%3B%20More%20tools%20%3D%26gt%3B%20Launch%20Web%20Widget%3C%2FLI%3E%3C%2FOL%3E%3CDIV%20class%3D%22lia-spoiler-container%22%3E%3CA%20class%3D%22lia-spoiler-link%22%20href%3D%22%23%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%20target%3D%22_blank%22%3ESpoiler%3C%2FA%3E%3CNOSCRIPT%3E(Highlight%20to%20read)%3C%2FNOSCRIPT%3E%3CDIV%20class%3D%22lia-spoiler-border%22%3E%3CDIV%20class%3D%22lia-spoiler-content%22%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22image.png%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F261015i91BDCFEF953B8E23%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22image.png%22%20alt%3D%22image.png%22%20%2F%3E%3C%2FSPAN%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22image.png%22%20style%3D%22width%3A%20667px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F261016i5B6D52CE8D645E6D%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22image.png%22%20alt%3D%22image.png%22%20%2F%3E%3C%2FSPAN%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22image.png%22%20style%3D%22width%3A%20366px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F261017iE46021C96A1DE71D%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22image.png%22%20alt%3D%22image.png%22%20%2F%3E%3C%2FSPAN%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FDIV%3E%3CNOSCRIPT%3E%3CDIV%20class%3D%22lia-spoiler-noscript-container%22%3E%3CDIV%20class%3D%22lia-spoiler-noscript-content%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FNOSCRIPT%3E%3C%2FDIV%3E%3C%2FDIV%3E%3CP%3E%3CEM%3EMicrosoft%20Edge%26nbsp%3BVersion%2090.0.816.0%20(Official%20build)%20canary%20(64-bit)%3C%2FEM%3E%3C%2FP%3E%3CP%3E%3CEM%3EThis%20might%20be%20a%20%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Farticles%2Fcontrolled-feature-roll-outs-in-microsoft-edge%2Fm-p%2F763678%22%20target%3D%22_self%22%3EControlled%20feature%20rollout%3C%2FA%3E%3C%2FEM%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-2186215%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3Ebutton%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Edesktop%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EEdge%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Efeature%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EFeed%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Efloating%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Enew%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ENews%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESearch%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EWeb%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Eweb%20widget%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Ewidget%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EWindows%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2187779%22%20slang%3D%22en-US%22%3ERe%3A%20New%20floating%20button%20for%20the%20Web%20Widget%20in%20Edge%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2187779%22%20slang%3D%22en-US%22%3E%3CP%3Ea%20%3CSTRONG%3EPin%3C%2FSTRONG%3E%20button%20added%20to%20the%20%3CSTRONG%3EVertical%20layout%3C%2FSTRONG%3E%20of%20the%20%3CSTRONG%3EWeb%20Widget%3C%2FSTRONG%3E%20in%20Edge%26nbsp%3B%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%22gfgd.png%22%20style%3D%22width%3A%20467px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F261180i51ADDB63428B6A6C%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22gfgd.png%22%20alt%3D%22gfgd.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Ethe%20way%20it%20works%20is%20that%20when%20you%20Pin%20the%20Web%20Widget%2C%20which%20is%20only%20available%20in%20the%20vertical%20layout%2C%20it%20sticks%20to%20the%20right%20side%20of%20the%20screen%20and%20will%20stay%20there.%3C%2FP%3E%3CP%3Eeven%20when%20you%20maximize%20a%20window%2C%20it%20will%20still%20continue%20to%20be%20visible.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2214587%22%20slang%3D%22en-US%22%3ERe%3A%20New%20floating%20button%20for%20the%20Web%20Widget%20in%20Edge%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2214587%22%20slang%3D%22en-US%22%3EI%20can%20see%20it%20%5Bonly%5D%20in%20the%20start%20menu%20of%20Version%2090.0.818.6%20(Official%20build)%20dev%20(64-bit)%2C%20although%20its%20not%20working.%3C%2FLINGO-BODY%3E
Honored Contributor

dsds.png

 

image.png

 

 

  • you can drag and drop it
  • you can put it anywhere on the screen but it's sticky, so it automatically sticks to sides.
  • if you drag and drop it on the center of your screen, it automatically sticks to one of the 3 sides, (Top, Right, Left), also got smooth animation when it sticks.
  • it stays always on top of other windows (except for full screen games which I just tested)
  • can be turned on and off using the option shown in the screenshot below

 

fdfs.png

 

How do you launch Web Widget?

 

  1. it launches automatically on Windows startup (unless you disable it from Edge settings or Windows settings)
  2. you can launch it by right-clicking on Edge canary shortcut on Start menu and selecting "Launch Web Widget"
  3. you can launch it from Edge settings page:  edge://settings/newTabPage
  4. you can launch it by pressing Edge's (...) menu button => More tools => Launch Web Widget
Spoiler
image.png

 

image.png

 

image.png

 

Microsoft Edge Version 90.0.816.0 (Official build) canary (64-bit)

This might be a Controlled feature rollout

2 Replies

a Pin button added to the Vertical layout of the Web Widget in Edge 

 

gfgd.png

 

the way it works is that when you Pin the Web Widget, which is only available in the vertical layout, it sticks to the right side of the screen and will stay there.

even when you maximize a window, it will still continue to be visible.

I can see it [only] in the start menu of Version 90.0.818.6 (Official build) dev (64-bit), although its not working.