// Parameters
var panels; // Type: WebUiPanelJS
var panelsContainerSettings; // Type: object
var buttonsContainerSettings; // Type: object
var stateButton; // Type: WebUiElementJS

var instance = new Vintasoft.Imaging.UI.Panels.WebUiPanelContainerJS(panels, panelsContainerSettings, buttonsContainerSettings, stateButton);

function WebUiPanelContainerJS(
   panels
An array of WebUiPanelJS objects.
 : WebUiPanelJS, 
   panelsContainerSettings
The settings for container, which contains UI panels. The settings parameter has the following properties: 
 
 
cssClass (string): CSS class or classes that will be applied to the element. Example: "cssClass:'button remove'".
 
css (object): Object, which contains the names and values of CSS properties. Example: "css:{'width':'100px', 'height':'50px'}".
 
properties (object): Object, which contains the names and values of element attributes. Example: "properties:{'title':'Hello', 'id':'helloId'}" 
 
events (object): Object, which contains the callbacks of events. Each object property has the following parameters:
 
 
Property name - event name (Example: "click", "change", "mouseover" etc ).
 
Property value - event callback OR object - {callback:callback, data: Object, that contains additional data that will be passed to the callback}.
 
 Example:"events:{'click':function(){console.log('click');}, 'change':{callback:function(){console.log('change');}, data:{x:11} } }". 
 
states (object): An instance of WebUiElementStateCollectionJS class.
 
title (string): Shortcut for 'title' attribute of element (equals - "properties:{'title':'some title'}"). Important: If 'states' is defined and active state WebUiElementJS.get_ActiveState has title, the UI element will have title of active state. 
 
id (string): Shortcut for 'id' attribute of element (equals - "properties:{'id':'elementId'}").
 
onClick (object): Shortcut for 'click' event callback.
 
onChange (object): Shortcut for 'change' event callback.
 
localizationId (string): Unique localization ID.
 
 : object, 
   buttonsContainerSettings
The settings for container, which contains buttons, which allow to navigate between panels. The settings parameter has the following properties: 
 
 
cssClass (string): CSS class or classes that will be applied to the element. Example: "cssClass:'button remove'".
 
css (object): Object, which contains the names and values of CSS properties. Example: "css:{'width':'100px', 'height':'50px'}".
 
properties (object): Object, which contains the names and values of element attributes. Example: "properties:{'title':'Hello', 'id':'helloId'}" 
 
events (object): Object, which contains the callbacks of events. Each object property has the following parameters:
 
 
Property name - event name (Example: "click", "change", "mouseover" etc ).
 
Property value - event callback OR object - {callback:callback, data: Object, that contains additional data that will be passed to the callback}.
 
 Example:"events:{'click':function(){console.log('click');}, 'change':{callback:function(){console.log('change');}, data:{x:11} } }". 
 
states (object): Important: This value will be ignored - see remarks.
 
title (string): Shortcut for 'title' attribute of element (equals - "properties:{'title':'some title'}"). Important: If 'states' is defined and active state WebUiElementJS.get_ActiveState has title, the UI element will have title of active state. 
 
id (string): Shortcut for 'id' attribute of element (equals - "properties:{'id':'elementId'}").
 
onClick (object): Shortcut for 'click' event callback.
 
onChange (object): Shortcut for 'change' event callback.
 
localizationId (string): Unique localization ID.
 
 : object, 
   stateButton
The WebUiElementJS object, which defines button, which allows to change the container state.
 : WebUiElementJS
) : WebUiPanelContainerJS;

Parameters

panels

An array of WebUiPanelJS objects.

panelsContainerSettings

The settings for container, which contains UI panels. The settings parameter has the following properties:

• cssClass (string): CSS class or classes that will be applied to the element. Example: "cssClass:'button remove'".
• css (object): Object, which contains the names and values of CSS properties. Example: "css:{'width':'100px', 'height':'50px'}".
• properties (object): Object, which contains the names and values of element attributes. Example: "properties:{'title':'Hello', 'id':'helloId'}"
• events (object): Object, which contains the callbacks of events. Each object property has the following parameters:
  
  • Property name - event name (Example: "click", "change", "mouseover" etc ).
  • Property value - event callback OR object - {callback:callback, data: Object, that contains additional data that will be passed to the callback}.
  Example:"events:{'click':function(){console.log('click');}, 'change':{callback:function(){console.log('change');}, data:{x:11} } }".
• states (object): An instance of WebUiElementStateCollectionJS class.
• title (string): Shortcut for 'title' attribute of element (equals - "properties:{'title':'some title'}"). Important: If 'states' is defined and active state WebUiElementJS.get_ActiveState has title, the UI element will have title of active state.
• id (string): Shortcut for 'id' attribute of element (equals - "properties:{'id':'elementId'}").
• onClick (object): Shortcut for 'click' event callback.
• onChange (object): Shortcut for 'change' event callback.
• localizationId (string): Unique localization ID.

buttonsContainerSettings

The settings for container, which contains buttons, which allow to navigate between panels. The settings parameter has the following properties:

• cssClass (string): CSS class or classes that will be applied to the element. Example: "cssClass:'button remove'".
• css (object): Object, which contains the names and values of CSS properties. Example: "css:{'width':'100px', 'height':'50px'}".
• properties (object): Object, which contains the names and values of element attributes. Example: "properties:{'title':'Hello', 'id':'helloId'}"
• events (object): Object, which contains the callbacks of events. Each object property has the following parameters:
  
  • Property name - event name (Example: "click", "change", "mouseover" etc ).
  • Property value - event callback OR object - {callback:callback, data: Object, that contains additional data that will be passed to the callback}.
  Example:"events:{'click':function(){console.log('click');}, 'change':{callback:function(){console.log('change');}, data:{x:11} } }".
• states (object): Important: This value will be ignored - see remarks.
• title (string): Shortcut for 'title' attribute of element (equals - "properties:{'title':'some title'}"). Important: If 'states' is defined and active state WebUiElementJS.get_ActiveState has title, the UI element will have title of active state.
• id (string): Shortcut for 'id' attribute of element (equals - "properties:{'id':'elementId'}").
• onClick (object): Shortcut for 'click' event callback.
• onChange (object): Shortcut for 'change' event callback.
• localizationId (string): Unique localization ID.

stateButton

The WebUiElementJS object, which defines button, which allows to change the container state.

Panel has two states: "active" and "notActive". The stateButton parameter also has same two states (original states of button will be ignored).

Reference

WebUiPanelContainerJS Class
WebUiPanelContainerJS Members

Overload List