- added event
jspanelcloseduser
which is fired when a panel is closed using the header control - added panel method
.overlaps()
- added parameter
aspectRatio
to optionresizeit
- updated panel method
.close()
- it now has a return value depending on whether the panel was closed successfully or not option.container
default value is changed to'window'
. This might need a change in existing code whencontainer: doccument.body
is used even though this was the default previouslyoption.maximizedMargin
now accepts a function as valueoption.theme
supports color names derived from the Material Design Color System like'bluegray700'
,'orangeA400'
etc.- options
position
,dragit
andresizeit
now correctly position, drag and resize panels appended to a container using csstransform: scale()
if both container and panel are scaled - bugfix in global color methods
- modal extension: minor bugfixes
- tooltip extension:
- added method
jsPanel.tooltip.reposition()
to reposition existing tooltips - added parameter
autoshow
for tooltips - added support for tooltips positioned relative to another element than target
- improved tooltip connectors
- a few bugfixes in the tooltip extension
- tooltip extension will load a
MouseEvent()
polyfill for IE11
- added method
- various tweaks in css and js
- fix in methods
setHeaderLogo()
andsetHeaderTitle()
- logo and title are now updated in minimized replacement as well - fix in css concerning only IE11 when using very long title texts (controls were pushed out of panel boundaries)
- fix in options
dragit
andresizeit
- see Flyer53#53 - added: All parameters of option
position
now accept a function as value
- fix in options
dragit
andresizeit
- handler was not unbound when mouse cursor came over a<object>
tag in content section of a jsPanel - added click on modal backdrop will close a modal jsPanel
- changed
option.closeOnEscape
is set totrue
by default for a modal jPanel
- fixed
jspanel.min.js
to make it work with IE11 - fixed CSS and JS to improve compatibility with Bootstrap > 4.1.2
- fix in the internal function applying a arbitrary theme
- replaced some wrong files in the folder
es6module
- improved method
.smallify()
- added method
jsPanel.addScript()
in order to add a script to the document - added option
borderRadius
applies a css border-radius to the panel - when using a mouse draging/resizing and all controls of a panel are now limited to the left mouse button
- bugfix in the dock extensions
- bugfix in the function creating the minimized replacement
- option resizeit defaults of
minWidth
andminHeight
set to128
- various tweaks in css and js
- fixes a typo disabling option
onwindowresize
- new events
jspaneldragstart
,jspaneldrag
,jspaneldragstop
,jspanelresizestart
,jspanelresize
,jspanelresizestop
- new extension
dock
extending a jsPanel with the method.dock()
. This method allows to dock one or more slave panels to a master panel. Basically that means a slave panel is dragged, maximized, normalized, minimized, closed and optionally resized together with the master panel it's docked to. - bugfix in option
dragit
- bugfix in extension
layout
- bugfix in
jspanel.css
- bugfix in CSS for Right-To-Left panels
- removed CSS
border-radius
settings from themes
- bugfix in jspanel.css
- fix in method resizeit()
- fix in method jsPanel.ajax()
- fix in methods smallify() and unsmallify()
- fix in CSS for minimized panel containers
- improved option minimizedTo
- improved option position
- added option contentOverflow
- replaced option headerRemove with option header
- various tweaks in css and js
- added property globalCallbacks to the global object jsPanel lets you add callback functions to all or a limited set of jsPanels at once
- change: as of version 4.0.0-beta.3 jsPanel uses built-in SVGs for the controls icons. SVGs are stored in the new property icons of the global object jsPanel. So the directory fonts with all the jsglyph icontfont files is obsolete
- change: use of the PointerEvent API is turned off, only touch events and/or mouse events are used
- improved: panel is fronted upon click in content section even if content is an iframe
- change: start, drag/resize, stop callbacks of options dragit/resizeit now accept an array of functions
- change: all option.on... callbacks except option.onwindowresize now accept an array of functions. This change might necessitate a modification of your code
- various bugfixes and improvements in js and css
- ADDED folder es6module with all necessary files to run jsPanel as native ES6 module
- new setting trigger for option.dragit.snap
- new setting containment for option.dragit.snap
- new setting repositionOnSnap for option.dragit.snap
- new setting resizeToPreSnap for option.dragit.snap
- new panel property snapped
- option.syncMargins, if used, will set option.dragit.snap.containment to true
- new options contentSize and panelSize now accept percentage values
- change in options contentSize and panelSize: if a string has only one value the second one is set to the first by default
- new setting ttipEvent for tooltip extension
- added polyfills to improve compatibility with IE11
- various bugfixes and internal improvements
First public beta version of jsPanel version 4