Search
Picker.buttonStyle Property
See Also
 






Gets or sets a value indicating the display mode of the dropdown button.

Namespace: MindFusion.Common.UI
File: Picker.js

 Syntax

JavaScript  Copy Code

get buttonStyle() {}

 Property Value

PickerButtonStyle. One of the PickerButtonStyle enumeration values.

 Example

The following code creates an ImagePicker with an initial list of 3 images and handles its valueChanging event. The image picker does not allow empty values and its buttons are rendered inside the input element:

JavaScript  Copy Code

var u = MindFusion.Common.UI;

var imagePicker = u.ImagePicker(document.getElementById("image_picker"));
imagePicker.imageList = ["my-folder/myImage.png", "my-folder1/myImage1.png", "my-folder2/myImage2.png"];
impagePicker.allowEmptyInput = false;
imagePicker.buttonStyle = u.PickerButtonStyle.Inline;

imagePicker.valueChanging.addEventListener(handleValueChanging);

function handleValueChanging(sender, args)
{
    //check the replaced image
    if(args.oldValue.url != "my-folder/myImage.png")
    {
       args.cancel = true;
    }
}

 See Also