A JavaScript library to create highly configurable floating panels, modals, tooltips, hints/notifiers/alerts or contextmenus for use in backend solutions and other web applications.
modal()
function to create modal dialogs as well as alert()
, confirm()
and prompt()
functions. jsPanel.dialog
is a Third Party Extension developed and maintained by Michael Daumling.option.theme
now accepts the properties bgFooter
, colorFooter
and borderRadius
as welljsPanel.getCssVariableValue()
to process css variables in options theme
, border
, borderRadius
and methods .setTheme()
, .setBorder()
, setBorderRadius()
.getThemeDetails()
, .applyCustomTheme()
and .pOborder()
to support the use of css variables in option.theme
, option.border
, option.borderRadius
and the methods .setTheme()
, .setBorder()
, setBorderRadius()
css
to add custom css classes to the panel's html template, includes updated css files jspanel.css
/jspanel.min.css
Fix for maximized panels:
On resizestart
of a maximized panel its status is now reset to 'normalized'
, the normalize control is hidden and the maximize control is shown again.
close()
method (calling close()
on an already closed panel caused an error)onwindowresize
onparentresize
So far the two options onwindowresize
and onparentresize
could be set with either boolean true
to start a preset behaviour or with a function
to start a custom behaviour on the corresponding resize events. Now you can also set options onwindowresize
and onparentresize
with an object optionally allowing the use of both the preset behaviour AND an additional custom behaviour.
jsPanel.usePointerEvents()
to disable/enable use of PointerEvent APIoption.minimizeTo
resizeit
interaction'closed'
to panel property status
. Since a closed panel is removed from the DOM this value is only available when a panel reference is saved.option.closeOnEscape
instead of just boolean true/falsedragit
interactionparentPanelFront
to the tooltip configuration options (tooltip extension updated to v1.4.0)resizeit
interaction reducing memory leaks. See GitHub issue
onwindowresize
is activated and the window is resizedlayout
extension: jsPanel.layout.restoreId
now returns the restored panelcloseOnMouseleave
in contextmenu
extensionbugfix in the code for the dragit
interaction reducing memory leaks. See issue #121