Frameless Window

Frameless Window

• Available on Windows ONLY (Tested on Windows 10)

A frameless/borderless window is a window that has no titlebar.

To make Chromely window frameless:

var config = ChromelyConfiguration
               .Create()
                .....
               .WithHostFlag(HostFlagKey.Frameless, true) 
                .....

Configuring Frameless Window

By default a frameless window is draggable and resizable. To change these options, developers need to register a custom IFramelessOptions.

var config = ChromelyConfiguration
               .Create()
                .....
               .WithFramelessOptions(new CustomFramelessOptions()) 
                .....

Frameless Options

Property	Description	Comment
Height	Height of the drag region	Normal height is 28 device units (pixels) common for windows. This is the default.
NoDragWidth	No drag width of the drag window (right-side buttons).	The region for Windows buttons - Minimize, Maximize, Restore, Close Default width is 140px.
WhiteStripeHeight	White stripe height stripping due to WS_SIZEBOX option	https://stackoverflow.com/questions/39731497/create-window-without-titlebar-with-resizable-border-and-without-bogus-6px-whit Default height is 8px.
IsDraggable	Sets true of false for dragging	Default is true.
IsResizable	Sets true of false for resizing	Default is true.

Draggable Region

Limitations

• Window is not resizable at the top border.
• Only supported in Windows 10. Developers can try it on Windows 7 and below and share their findings.

Sample Windows 10 Titlebar Style

A demo of Windows 10 frameless titlebar style can be found at Frameless Windows Demo.