![]() ![]() The event onclose will be triggered right before closing and stops closing when a callback was applied and returns a truthy value. Var winbox = WinBox ( ) The "onclose" callback When no root was specified the window will append to the document.body. Note: the event 'onclose' will be triggered right before closing and stops closing when a callback was applied and returns a truthy value.Ĭallback triggered when a window goes into focused state.Ĭallback triggered when a window lost the focused state. The keyword this inside the callback function refers to the corresponding WinBox instance. You can modify all these winbox options from this table passed as first parameter.Ĭallback triggered when the window moves.Ĭallback triggered when the window resizes.Ĭallback triggered when the window enters fullscreen.Ĭallback triggered when the window enters minimized mode.Ĭallback triggered when the window enters maximize mode.Ĭallback triggered when the window returns to a windowed state from a Fullscreen, Minimized or Maximized state.Ĭallback triggered when the window is hidden with win.hide()Ĭallback triggered when the window is shown with win.show()Ĭallbacks triggered when the window is closing. WinBox provides you some useful Built-in Control Classes to easily setup a custom configuration.Ĭallback triggered when the winbox element is being created. Used to define custom styles in css, query elements by context (also within CSS) or just to tag the corresponding window instance. Make the titlebar icon visible and set the image source to this url.Īdd one or more classnames to the window (multiple classnames as array or separated with whitespaces e.g. Set the border width of the window (supports all the browsers css units). colors, transparent colors, hsl, gradients, background images) ![]() Set the background of the window (supports all CSS styles which are also supported by the style-attribute "background", e.g. Also used for custom splitscreen configurations. Set or limit the viewport of the window's available area (supports units "px" and "%"). Set the initial position of the window (supports: "right" for x-axis, "bottom" for y-axis, "center" for both, units "px" and "%" for both).Īutomatically toggles the window into maximized state when created.Īutomatically toggles the window into minimized state when created.Īutomatically toggles the window into hidden state when created. Set the maximum width/height of the window (supports units "px" and "%").Īutomatically size the window to fit the window contents. Should be at least the height of the window header title bar. ![]() Set the minimal width/height of the window (supports units "px" and "%"). Set the initial width/height of the window (supports units "px" and "%"). Open URL inside the window (loaded via iframe). Mount an element (widget, template, etc.) to the window body. Set the initial z-index of the window to this value (will be increased automatically when unfocused/focused). If no ID was set it will automatically create one for you. Used to define custom styles in css, query elements by context or just to identify the corresponding window instance. Instance state boolean properties (readonly): Please use your favored bundler or build tool for this purpose. The /src/css folder of this Github repositoryĭownload all source files including image original resources. The /src/js folder of this Github repository Sources: (not bundled at all, images as url to original resources) Non-Bundled: (js and css are separated, css includes icons as base64) Get Latest Stable Build (Recommended): Bundle: (all assets bundled into one single file: js + css + html + icons) Vue 2 and 3 (a wrapper component that adds the ability to mount Vue components in WinBox.js):Ī React controlled component for WinBox.js, with full Reactful props and state.: Modern window manager for the web: lightweight, outstanding performance, no dependencies, fully customizable, open source! ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |