WebUiButtonWithDropDownButtonListJS Constructor(object,WebUiButtonJS,object)

In This Topic

Initializes a new instance of the WebUiButtonWithDropDownButtonListJS class.

Syntax

// Parameters
var settings; // Type: object
var items; // Type: WebUiButtonJS
var panelSettings; // Type: object

var instance = new Vintasoft.Imaging.UI.UIElements.WebUiButtonWithDropDownButtonListJS(settings, items, panelSettings);

function WebUiButtonWithDropDownButtonListJS(
   settingsThe settings of button. The settings parameter has the following properties: 
  layoutDirectionMode (object): WebLayoutDirectionModeEnumJS object that defines layout direction of drop-down button list. Default value is WebLayoutDirectionModeEnumJS.Column. 
 horizontalAlignMode (object): WebHorizontalAlignModeEnumJS object that defines horizontal alignment of drop-down button list. Default value is WebHorizontalAlignModeEnumJS.StartAtLeft. 
 verticalAlignMode (object): WebVerticalAlignModeEnumJS object that defines vertical alignment of drop-down button list. Default value is WebVerticalAlignModeEnumJS.StartAtBottom. 
 
 : object, 
   itemsArray of WebUiButtonJS objects.
 : WebUiButtonJS, 
   panelSettingsThe settings of container for specified buttons. 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'}".
 Important: all CSS related to vertical positioning will be ignored if "verticalAlignMode" is not "Custom".
 Important: all CSS related to horizontal positioning will be ignored if "horizontalAlignMode" is not "Custom".
 Important: all CSS related to sizing will be ignored if "layoutDirectionMode" is not "Custom".
 
 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
) : WebUiButtonWithDropDownButtonListJS;

Parameters

settings

The settings of button. The settings parameter has the following properties:

layoutDirectionMode (object): WebLayoutDirectionModeEnumJS object that defines layout direction of drop-down button list. Default value is WebLayoutDirectionModeEnumJS.Column.
horizontalAlignMode (object): WebHorizontalAlignModeEnumJS object that defines horizontal alignment of drop-down button list. Default value is WebHorizontalAlignModeEnumJS.StartAtLeft.
verticalAlignMode (object): WebVerticalAlignModeEnumJS object that defines vertical alignment of drop-down button list. Default value is WebVerticalAlignModeEnumJS.StartAtBottom.

items

Array of WebUiButtonJS objects.

panelSettings

The settings of container for specified buttons. 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'}".
Important: all CSS related to vertical positioning will be ignored if "verticalAlignMode" is not "Custom".
Important: all CSS related to horizontal positioning will be ignored if "horizontalAlignMode" is not "Custom".
Important: all CSS related to sizing will be ignored if "layoutDirectionMode" is not "Custom".
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.

Browser Compatibility

56+

45+

Reference

WebUiButtonWithDropDownButtonListJS Class
WebUiButtonWithDropDownButtonListJS Members

Send Feedback