![]() 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 |