// Parameters
var settings; // Type: object
var stateButton; // Type: WebUiElementJS

var instance = new Vintasoft.Imaging.UI.Panels.WebUiImageProcessingPanelJS(settings, stateButton);

function WebUiImageProcessingPanelJS(
   settings
The settings of the panel. 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.
 
commandNames (object): A string array that contains names of commands, which should be displayed in this panel.
 
 : object, 
   stateButton
The WebUiElementJS object, which defines button, which allows to change the panel state.
 : WebUiElementJS
) : WebUiImageProcessingPanelJS;

Parameters

settings

The settings of the panel. 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.
• commandNames (object): A string array that contains names of commands, which should be displayed in this panel.

stateButton

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

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

Reference

WebUiImageProcessingPanelJS Class
WebUiImageProcessingPanelJS Members

Overload List