- Electron Mac Title Bar On Electron For Windows 64-bit
- Electron Mac Title Bar On Electron For Windows 7
- Electron Mac Title Bar On Electron For Windows Operating System
'results in a hidden title bar with an alternative look where the traffic light buttons are slightly more inset from the window edge.' Draggable region. As said earlier, when using frameless window the user looses the ability to drag your application around the desktop. Electron handles this with css. Adds an alternative, theme-aware title bar and application menu that is more inline with Atom's UI design. This package is aimed mostly at Windows users, as the native Windows title bar doesn't really go well with Atom's UI design. This title bar replacer adds a functional custom title bar, that lets you move, scale, and utilize Aero-snap features.
Cristian006/frameless-titlebar
Customizable Electron Titlebar for frameless windows
- Users starred: 115
- Users forked: 15
- Users watching: 115
- Updated at: 2020-06-12 14:32:47
Customizable titlebar for frameless electron windows built with React
The demo application can be found in the example folder along with more images of the different titlebar styles:
- Overflow Menu: When menu buttons don't fit in the given titlebar space items are moved into an overflowed submenu.
- Stacked Menu: Titlebar stacked above menu bar.
- Vertical Menu: All menu items moved into a vertical submenu.
Install
Usage
Electron Browser SetUp
React App SetUp
Example of all of the overridable theme properties can be found in the example folder here
Use titlebar theme in children
Example of a custom TitleBarButton can be seen here
Supported Menu Item Properties
Electron Mac Title Bar On Electron For Windows 64-bit
Supported menu item properties from:Electron Menu Object/Template Documentation
| Name | Type | Description |
|---|---|---|
id (optional) | string | Must be unique. If defined then it can be used as a reference to this item by the position attribute |
type (optional) | oneOf([normal, separator, submenu, checkbox, radio]) | Type of supported menu items |
label (optional) | string | Menu item label |
click (optional) | function(menuItem, browserWindow, event) | if currentWindow is not passed in to the titlebar then, browserWindow will be null |
disabled (optional) | bool | Enables/disables menu item from being clicked on |
accelerator (optional) | string | Accelerator string eg CmdOrCtrl+Z |
icon (optional) | img | The image shown to the left of the menu label |
checked (optional) | bool | Should only be specified for checkbox or radio type menu items |
submenu (optional) | array : [MenuItems] | Array of menu items. If submenu is specified, the type: 'submenu' can be omitted. |
before (optional) | string | Inserts this item before the item with the specified id. If the referenced item doesn't exist the item will be inserted at the end of the menu |
after (optional) | string | Inserts this item after the item with the specified id. If the referenced item doesn't exist the item will be inserted at the end of the menu |
Keyboard accessibility
Opening Menu: Pressing Alt Key + First letter of any of the visible menu items. eg: Alt+F would open the first menu item with an F if any, such as File.
Closing Menu: Pressing Esc.
Navigating Submenus: Use arrow keys (up, down, left, right) to navigate menus once they're open.
Disclaimers
NOTE: ^v2.0.0 has a lot of breaking changes from the previous ^1.x.x releases since this was a complete re-write of frameless-titlebar
Contributing
Feel free to fork and create pull requests! I'll try my best to review any code changes for the next release.
Electron Mac Title Bar On Electron For Windows 7
Links
License
Electron Mac Title Bar On Electron For Windows Operating System
MIT © Cristian006