{hidden}
DO NOT EDIT THE CONTENT OF THIS PAGE DIRECTLY, UNLESS YOU KNOW WHAT YOU'RE DOING.
THE STRUCTURE OF THE CONTENT IS VITAL IN BEING ABLE TO EXTRACT CHANGES FROM THE PAGE AND MERGE THEM BACK INTO SERVOY SOURCE{hidden}
{sub-section:description|text=}{sub-section}\\{table:class=servoy sSummery}{colgroup}{column:width=80px}{column}{column}{column}{colgroup}{tr:style=height: 30px;}{th:colspan=2}Method Summary{th}{tr}{tbody}{tr}{td}[Boolean]{td}{td}[#createShortcut]\(shortcut, method, form_name)
Create a shortcut.{td}{tr}{tbody}{tbody}{tr}{td}[Boolean]{td}{td}[#removeShortcut]\(shortcut, form_name)
Remove a shortcut.{td}{tr}{tbody}{table}\\{table:class=servoy sDetail}{colgroup}{column:width=100%}{column}{colgroup}{tr:style=height: 30px;}{th:colspan=1}Method Details{th}{tr}{tbody:id=3E49B023-A584-41D7-88B3-56A8068FA0ED}{tr:id=name}{td}h6.createShortcut{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}[Boolean]{span}{span:id=iets|style=float: left; font-weight: bold;}createShortcut{span}{span:id=iets|style=float: left;}\(shortcut, method, form_name){span}{td}{tr}{tr:id=des}{td}{sub-section:3E49B023-A584-41D7-88B3-56A8068FA0ED_des|text=|trigger=button}{sub-section}{sub-section:3E49B023-A584-41D7-88B3-56A8068FA0ED_des|trigger=none|class=sIndent}Create a shortcut.{sub-section}{td}{tr}{tr:id=prs}{td}*Parameters*\\{sub-section:3E49B023-A584-41D7-88B3-56A8068FA0ED_prs|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:3E49B023-A584-41D7-88B3-56A8068FA0ED_prs|trigger=none}shortcut
method
\[form_name\]
{sub-section}{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{sub-section:3E49B023-A584-41D7-88B3-56A8068FA0ED_ret|text=|trigger=button}{sub-section}{sub-section:3E49B023-A584-41D7-88B3-56A8068FA0ED_ret|trigger=none|class=sIndent}[Boolean]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:3E49B023-A584-41D7-88B3-56A8068FA0ED_see|text=|trigger=button}{sub-section}{sub-section:3E49B023-A584-41D7-88B3-56A8068FA0ED_see|class=sIndent|trigger=none}{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:3E49B023-A584-41D7-88B3-56A8068FA0ED_see|text=|trigger=button}{sub-section}{sub-section:3E49B023-A584-41D7-88B3-56A8068FA0ED_link|class=sIndent|trigger=none}{sub-section}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:3E49B023-A584-41D7-88B3-56A8068FA0ED_sam|text=|trigger=button}{sub-section}{sub-section:3E49B023-A584-41D7-88B3-56A8068FA0ED_sam|class=sIndent|trigger=none}{code:language=javascript}
// Create a shortcut.
// this plugin uses the java keystroke parser
// see http://java.sun.com/j2se/1.5.0/docs/api/javax/swing/KeyStroke.html#getKeyStroke(java.lang.String)
// global shortcut (on all forms) on 'apple 1' on a mac client and 'control 1' on other client platforms
plugins.window.createShortcut('menu 1', 'globals.handleShortcut');
// global handler, only triggered when on form frm_orders
plugins.window.createShortcut('control shift I', globals.handleOrdersShortcut, 'frm_orders');
// form method called when shortcut is used
plugins.window.createShortcut('shift OPEN_BRACKET', 'frm_products.handleShortcut', 'frm_products');
// same, but use method in stead of string
plugins.window.createShortcut('control RIGHT', forms.frm_contacts.handleMyShortcut, 'frm_contacts');
// remove global shortcut and form-level shortcut
plugins.window.createShortcut('menu 1');
plugins.window.removeShortcut('control RIGHT', 'frm_contacts');
// shortcut handlers are called with an jsevent argument
// /**
// * Handle keyborad shortcut.
// *
// * @param {JSEvent} event the event that triggered the action
// */
// function handleShortcut(event)
// {
// application.output(event.getType()) // returns 'menu 1'
// application.output(event.getFormName()) // returns 'frm_contacts'
// application.output(event.getElementName()) // returns 'contact_name_field' or null when no element is selected
// }
// NOTE: shortcuts will not override existing operating system or browser shortcuts,
// choose your shortcuts careful to make sure they work in all clients.
{code}{sub-section}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{tbody:id=2190D329-7FFD-438A-A8B9-904981304385}{tr:id=name}{td}h6.removeShortcut{td}{tr}{tr:id=sig}{td}{span:style=float: left; margin-right: 5px;}[Boolean]{span}{span:id=iets|style=float: left; font-weight: bold;}removeShortcut{span}{span:id=iets|style=float: left;}\(shortcut, form_name){span}{td}{tr}{tr:id=des}{td}{sub-section:2190D329-7FFD-438A-A8B9-904981304385_des|text=|trigger=button}{sub-section}{sub-section:2190D329-7FFD-438A-A8B9-904981304385_des|trigger=none|class=sIndent}Remove a shortcut.{sub-section}{td}{tr}{tr:id=prs}{td}*Parameters*\\{sub-section:2190D329-7FFD-438A-A8B9-904981304385_prs|text=|trigger=button}{sub-section}{div:class=sIndent}{sub-section:2190D329-7FFD-438A-A8B9-904981304385_prs|trigger=none}shortcut
\[form_name\]
{sub-section}{div}{td}{tr}{tr:id=ret}{td}*Returns*\\{sub-section:2190D329-7FFD-438A-A8B9-904981304385_ret|text=|trigger=button}{sub-section}{sub-section:2190D329-7FFD-438A-A8B9-904981304385_ret|trigger=none|class=sIndent}[Boolean]{sub-section}{td}{tr}{builder-show:permission=edit}{tr:id=see}{td}*Also see*\\{sub-section:2190D329-7FFD-438A-A8B9-904981304385_see|text=|trigger=button}{sub-section}{sub-section:2190D329-7FFD-438A-A8B9-904981304385_see|class=sIndent|trigger=none}{sub-section}{td}{tr}{builder-show}{builder-show:permission=edit}{tr:id=link}{td}*External links*\\{sub-section:2190D329-7FFD-438A-A8B9-904981304385_see|text=|trigger=button}{sub-section}{sub-section:2190D329-7FFD-438A-A8B9-904981304385_link|class=sIndent|trigger=none}{sub-section}{td}{tr}{builder-show}{tr:id=sam}{td}*Sample*\\{sub-section:2190D329-7FFD-438A-A8B9-904981304385_sam|text=|trigger=button}{sub-section}{sub-section:2190D329-7FFD-438A-A8B9-904981304385_sam|class=sIndent|trigger=none}{code:language=javascript}
// Remove a shortcut.
// this plugin uses the java keystroke parser
// see http://java.sun.com/j2se/1.5.0/docs/api/javax/swing/KeyStroke.html#getKeyStroke(java.lang.String)
// global shortcut (on all forms) on 'apple 1' on a mac client and 'control 1' on other client platforms
plugins.window.createShortcut('menu 1', 'globals.handleShortcut');
// global handler, only triggered when on form frm_orders
plugins.window.createShortcut('control shift I', globals.handleOrdersShortcut, 'frm_orders');
// form method called when shortcut is used
plugins.window.createShortcut('shift OPEN_BRACKET', 'frm_products.handleShortcut', 'frm_products');
// same, but use method in stead of string
plugins.window.createShortcut('control RIGHT', forms.frm_contacts.handleMyShortcut, 'frm_contacts');
// remove global shortcut and form-level shortcut
plugins.window.createShortcut('menu 1');
plugins.window.removeShortcut('control RIGHT', 'frm_contacts');
// shortcut handlers are called with an jsevent argument
// /**
// * Handle keyborad shortcut.
// *
// * @param {JSEvent} event the event that triggered the action
// */
// function handleShortcut(event)
// {
// application.output(event.getType()) // returns 'menu 1'
// application.output(event.getFormName()) // returns 'frm_contacts'
// application.output(event.getElementName()) // returns 'contact_name_field' or null when no element is selected
// }
// NOTE: shortcuts will not override existing operating system or browser shortcuts,
// choose your shortcuts careful to make sure they work in all clients.
{code}{sub-section}{td}{tr}{tr:class=lastDetailRow}{td}{td}{tr}{tbody}{table}
Cache
index
true
refresh
100d
showRefresh
true
id
doc
title
Refresh page
showDate
true
retry
Enable
servoy sReturnTypes2100%height: 30px;2Supported ClientssWordListSmartClientsWordListWebClientsWordListNGClientservoy sSummary12%30%58%height: 30px;3Methods SummaryCreates and returns a toolbar for a specific window.Creates and returns a toolbar for a specific window.Creates and returns a toolbar for a specific window.Creates and returns a toolbar for a specific window.Add a toolbar.Add a toolbar.Add a toolbar.Add a toolbar.voidClose the current form popup panel without assigning a value to the configured data provider.voidClose the current form popup panel and assign the value to the configured data provider.Create a form popup that can be filled with data and shown.Creates a new popup menu that can be populated with items and displayed.Create a shortcut.Create a shortcut.Create a shortcut.Create a shortcut.Create a shortcut.Create a shortcut.Create a shortcut.Create a shortcut.Create a shortcut.Create a shortcut.Get the menubar of the main window, or of a named window.Get the menubar of the main window, or of a named window.Get the toolbar of a specific window from the toolbar panel by name.Get the toolbar from the toolbar panel by name.Get all toolbar names from the toolbar panel.Get all toolbar names from the toolbar panel of a specific window.voidMaximize the current window or the window with the specified name (Smart client only).voidMaximize the current window or the window with the specified name (Smart client only).Remove a shortcut.Remove a shortcut.voidRemove the toolbar from the toolbar panel of a specific window.voidRemove the toolbar from the toolbar panel.voidBring the window into/out of fullsceen mode.voidShow or hide the statusbar.voidShow or hide the toolbar area.voidShow a form as popup panel, where the closeFormPopup can pass return a value to a dataprovider in the specified scope.voidShow a form as popup panel, where the closeFormPopup can pass return a value to a dataprovider in the specified scope.voidShow a form as popup panel, where the closeFormPopup can pass return a value to a dataprovider in the specified scope.voidShow a form as popup panel, where the closeFormPopup can pass return a value to a dataprovider in the specified scope.voidShow a form as popup panel, where the closeFormPopup can pass return a value to a dataprovider in the specified scope.voidShow a form as popup panel, where the closeFormPopup can pass return a value to a dataprovider in the specified scope.functionservoy sDetail2100%height:30px2Methods DetailsaddToolBarname
addToolBar(window, name)
dessIndent
Creates and returns a toolbar for a specific window.
prs
Parameters
sIndentwindow ;namethe name by which this toolbar is identified in code. If display name is missing, name will be used as displayName as well.ret
Returns
sIndentclients
Supported Clients
sIndentSmartClientsam
Sample
sIdentjavascriptlastDetailRowaddToolBarname
addToolBar(window, name, row)
dessIndent
Creates and returns a toolbar for a specific window.
prs
Parameters
sIndentwindow ;namethe name by which this toolbar is identified in code. If display name is missing, name will be used as displayName as well.rowthe row inside the toolbar panel where this toolbar is to be added.ret
Returns
sIndentclients
Supported Clients
sIndentSmartClientsam
Sample
sIdentjavascriptlastDetailRowaddToolBarname
addToolBar(window, name, displayname)
dessIndent
Creates and returns a toolbar for a specific window.
prs
Parameters
sIndentwindow ;namethe name by which this toolbar is identified in codedisplaynamethe name by which this toolbar will be identified in the UI. (for example in the toolbar panel's context menu)ret
Returns
sIndentclients
Supported Clients
sIndentSmartClientsam
Sample
sIdentjavascriptlastDetailRowaddToolBarname
addToolBar(window, name, displayname, row)
dessIndent
Creates and returns a toolbar for a specific window.
prs
Parameters
sIndentwindow ;namethe name by which this toolbar is identified in code.displaynamethe name by which this toolbar will be identified in the UI. (for example in the toolbar panel's context menu)rowthe row inside the toolbar panel where this toolbar is to be added.ret
Returns
sIndentclients
Supported Clients
sIndentSmartClientsam
Sample
sIdentjavascriptlastDetailRowaddToolBarname
addToolBar(name)
dessIndent
Add a toolbar.
prs
Parameters
sIndentnamethe name by which this toolbar is identified in code. If display name is missing, name will be used as displayName as well.ret
Returns
sIndentclients
Supported Clients
sIndentSmartClientsam
Sample
sIdentjavascriptlastDetailRowaddToolBarname
addToolBar(name, row)
dessIndent
Add a toolbar.
prs
Parameters
sIndentnamethe name by which this toolbar is identified in code. If display name is missing, name will be used as displayName as well.rowthe row inside the toolbar panel where this toolbar is to be added.ret
Returns
sIndentclients
Supported Clients
sIndentSmartClientsam
Sample
sIdentjavascriptlastDetailRowaddToolBarname
addToolBar(name, displayname)
dessIndent
Add a toolbar.
prs
Parameters
sIndentnamethe name by which this toolbar is identified in code. If display name is missing, name will be used as displayName as well.displaynamethe name by which this toolbar will be identified in the UI. (for example in the toolbar panel's context menu)ret
Returns
sIndentclients
Supported Clients
sIndentSmartClientsam
Sample
sIdentjavascriptlastDetailRowaddToolBarname
addToolBar(name, displayname, row)
dessIndent
Add a toolbar.
prs
Parameters
sIndentnamethe name by which this toolbar is identified in code. If display name is missing, name will be used as displayName as well.displaynamethe name by which this toolbar will be identified in the UI. (for example in the toolbar panel's context menu)rowthe row inside the toolbar panel where this toolbar is to be added.ret
Returns
sIndentclients
Supported Clients
sIndentSmartClientsam
Sample
sIdentjavascriptlastDetailRowcancelFormPopupname
cancelFormPopup()
dessIndent
Close the current form popup panel without assigning a value to the configured data provider.
clients
Supported Clients
sIndentSmartClient,WebClient,NGClientsam
Sample
sIdentjavascriptlastDetailRowcloseFormPopupname
closeFormPopup(retval)
dessIndent
Close the current form popup panel and assign the value to the configured data provider.
prs
Parameters
sIndentretvalreturn value for data providerclients
Supported Clients
sIndentSmartClient,WebClient,NGClientsam
Sample
sIdentjavascriptlastDetailRowcreateFormPopupname
createFormPopup(form)
dessIndent
Create a form popup that can be filled with data and shown.
prs
Parameters
sIndentformthe form to showret
Returns
sIndent FormPopupclients
Supported Clients
sIndentNGClientsam
Sample
sIdentjavascriptlastDetailRowcreatePopupMenuname
createPopupMenu()
dessIndent
Creates a new popup menu that can be populated with items and displayed.
ret
Returns
sIndentclients
Supported Clients
sIndentSmartClient,WebClient,NGClientsam
Sample
sIdentjavascriptlastDetailRowcreateShortcutname
createShortcut(shortcut, methodName)
dessIndent
Create a shortcut.
prs
Parameters
sIndentshortcut ;methodNamescopes.scopename.methodname or formname.methodname String to target the method to executeret
Returns
sIndentclients
Supported Clients
sIndentSmartClient,WebClient,NGClientsam
Sample
sIdentjavascriptlastDetailRowcreateShortcutname
createShortcut(shortcut, methodName, arguments)
dessIndent
Create a shortcut.
prs
Parameters
sIndentshortcut ;methodNamescopes.scopename.methodname or formname.methodname String to target the method to executearguments ;ret
sIndentshortcut ;methodNamescopes.scopename.methodname or formname.methodname String to target the method to executecontextFilterform or element name ( ng only - specified by formName.elementName); only triggers the shortcut when on this form/elementret
sIndentshortcut ;methodthe method/function that needs to be called when the shortcut is hitcontextFilterform or element name ( ng only - specified by formName.elementName); only triggers the shortcut when on this form/elementarguments ;ret
sIndentshortcut ;methodNamescopes.scopename.methodname or formname.methodname String to target the method to executecontextFilterform or element name ( ng only - specified by formName.elementName); only triggers the shortcut when on this form/elementarguments ;consumeEventif true then the shotcut will consume the event and the default browser behavior will not be executed (default false)ret
Returns
sIndentclients
Supported Clients
sIndentSmartClient,WebClient,NGClientsam
Sample
sIdentjavascriptlastDetailRowcreateShortcutname
createShortcut(shortcut, method)
dessIndent
Create a shortcut.
prs
Parameters
sIndentshortcut ;methodthe method/function that needs to be called when the shortcut is hitret
Returns
sIndentclients
Supported Clients
sIndentSmartClient,WebClient,NGClientsam
Sample
sIdentjavascriptlastDetailRowcreateShortcutname
createShortcut(shortcut, method, arguments)
dessIndent
Create a shortcut.
prs
Parameters
sIndentshortcut ;methodthe method/function that needs to be called when the shortcut is hitarguments ;ret
Returns
sIndentclients
Supported Clients
sIndentSmartClient,WebClient,NGClientsam
Sample
sIdentjavascriptlastDetailRowcreateShortcutname
createShortcut(shortcut, method, contextFilter)
dessIndent
Create a shortcut.
prs
Parameters
sIndentshortcut ;methodthe method/function that needs to be called when the shortcut is hitcontextFilterform or element name ( ng only - specified by formName.elementName); only triggers the shortcut when on this form/elementret
sIndentshortcut ;methodthe method/function that needs to be called when the shortcut is hitcontextFilterform or element name ( ng only - specified by formName.elementName); only triggers the shortcut when on this form/elementarguments ;ret
sIndentshortcut ;methodthe method/function that needs to be called when the shortcut is hitcontextFilterform or element name ( ng only - specified by formName.elementName); only triggers the shortcut when on this form/elementarguments ;consumeEventif true then the shotcut will consume the event and the default browser behavior will not be executed (default false)ret
Returns
sIndentclients
Supported Clients
sIndentSmartClient,WebClient,NGClientsam
Sample
sIdentjavascriptlastDetailRowgetMenuBarname
getMenuBar()
dessIndent
Get the menubar of the main window, or of a named window.
ret
Returns
sIndentclients
Supported Clients
sIndentSmartClientsam
Sample
sIdentjavascriptlastDetailRowgetMenuBarname
getMenuBar(windowName)
dessIndent
Get the menubar of the main window, or of a named window.
prs
Parameters
sIndentwindowNamethe name of the windowret
Returns
sIndentclients
Supported Clients
sIndentSmartClientsam
Sample
sIdentjavascriptlastDetailRowgetToolBarname
getToolBar(window, name)
dessIndent
Get the toolbar of a specific window from the toolbar panel by name.
prs
Parameters
sIndentwindow ;name ;ret
Returns
sIndentclients
Supported Clients
sIndentSmartClientsam
Sample
sIdentjavascriptlastDetailRowgetToolBarname
getToolBar(name)
dessIndent
Get the toolbar from the toolbar panel by name.
prs
Parameters
sIndentname ;ret
Returns
sIndentclients
Supported Clients
sIndentSmartClientsam
Sample
sIdentjavascriptlastDetailRowgetToolbarNamesname
getToolbarNames()
dessIndent
Get all toolbar names from the toolbar panel.
ret
Returns
sIndentclients
Supported Clients
sIndentSmartClientsam
Sample
sIdentjavascriptlastDetailRowgetToolbarNamesname
getToolbarNames(window)
dessIndent
Get all toolbar names from the toolbar panel of a specific window.
prs
Parameters
sIndentwindow ;ret
Returns
sIndentclients
Supported Clients
sIndentSmartClientsam
Sample
sIdentjavascriptlastDetailRowmaximizename
maximize()
dessIndent
Maximize the current window or the window with the specified name (Smart client only).
clients
Supported Clients
sIndentSmartClientsam
Sample
sIdentjavascriptlastDetailRowmaximizename
maximize(windowName)
dessIndent
Maximize the current window or the window with the specified name (Smart client only).
prs
Parameters
sIndentwindowName ;clients
Supported Clients
sIndentSmartClientsam
Sample
sIdentjavascriptlastDetailRowremoveShortcutname
removeShortcut(shortcut)
dessIndent
Remove a shortcut.
prs
Parameters
sIndentshortcut ;ret
Returns
sIndentclients
Supported Clients
sIndentSmartClient,WebClient,NGClientsam
Sample
sIdentjavascriptlastDetailRowremoveShortcutname
removeShortcut(shortcut, contextFilter)
dessIndent
Remove a shortcut.
prs
Parameters
sIndentshortcut ;contextFilterform or element name ( ng only - specified by formName.elementName); only triggers the shortcut when on this form/elementret
Returns
sIndentclients
Supported Clients
sIndentSmartClient,WebClient,NGClientsam
Sample
sIdentjavascriptlastDetailRowremoveToolBarname
removeToolBar(window, name)
dessIndent
Remove the toolbar from the toolbar panel of a specific window.
Show a form as popup panel, where the closeFormPopup can pass return a value to a dataprovider in the specified scope.
prs
Parameters
sIndentelementToShowRelatedToelement to show related to or null to center in screenformthe form to showscopethe scope to put retval intodataproviderIDthe dataprovider of scope to fillclients
Show a form as popup panel, where the closeFormPopup can pass return a value to a dataprovider in the specified scope.
prs
Parameters
sIndentelementToShowRelatedToelement to show related to or null to center in screenformthe form to showscopethe scope to put retval intodataproviderIDthe dataprovider of scope to fillwidthpopup widthheightpopup heightclients
Show a form as popup panel, where the closeFormPopup can pass return a value to a dataprovider in the specified scope. Can show relative to a component or at specified coordinates.
Show on specified location is only supported in NGClient.
prs
Parameters
sIndentelementToShowRelatedToelement to show related to or null to center in screenformthe form to showscopethe scope to put retval intodataproviderIDthe dataprovider of scope to fillwidthpopup widthheightpopup heightxpopup x locationypopup y locationclients
Supported Clients
sIndentNGClientsam
Sample
sIdentjavascriptlastDetailRowshowFormPopupname
showFormPopup(elementToShowRelatedTo, form, scope, dataproviderID, width, height, x, y, showBackdrop)
dessIndent
Show a form as popup panel, where the closeFormPopup can pass return a value to a dataprovider in the specified scope. Can show relative to a component or at specified coordinates.
Show on specified location and backdrop is only supported in NGClient.
prs
Parameters
sIndentelementToShowRelatedToelement to show related to or null to center in screenformthe form to showscopethe scope to put retval intodataproviderIDthe dataprovider of scope to fillwidthpopup widthheightpopup heightxpopup x locationypopup y locationshowBackdropwhatever to show a dimmed backdrop under the popupclients
Supported Clients
sIndentNGClientsam
Sample
sIdentjavascriptlastDetailRowshowFormPopupname
showFormPopup(elementToShowRelatedTo, form, scope, dataproviderID, width, height, x, y, showBackdrop, doNotCloseOnClickOutside)
dessIndent
Show a form as popup panel, where the closeFormPopup can pass return a value to a dataprovider in the specified scope. Can show relative to a component or at specified coordinates.
Show on specified location and backdrop is only supported in NGClient.
By setting the @param doNotCloseOnClickOutside as true, one can ensure that the popup will not be closed when clicking outside this popup.
prs
Parameters
sIndentelementToShowRelatedToelement to show related to or null to center in screenformthe form to showscopethe scope to put retval intodataproviderIDthe dataprovider of scope to fillwidthpopup widthheightpopup heightxpopup x locationypopup y locationshowBackdropwhatever to show a dimmed backdrop under the popupdoNotCloseOnClickOutsidewhether to close on not close the popup on clicking outsideclients
Show a form as popup panel, where the closeFormPopup can pass return a value to a dataprovider in the specified scope. Can show relative to a component or at specified coordinates.
Show on specified location and backdrop is only supported in NGClient.
prs
Parameters
sIndentelementToShowRelatedToelement to show related to or null to center in screenformthe form to showscopethe scope to put retval intodataproviderIDthe dataprovider of scope to fillwidthpopup widthheightpopup heightxpopup x locationypopup y locationshowBackdropwhatever to show a dimmed backdrop under the popupdoNotCloseOnClickOutsidewhether to close on not close the popup on clicking outsideonClosea callback function that is being triggered once the formpopup window is being closedclients