MindFusion.Common.UI.Picker.buttonStyle Property | JavaScript Component Suite

Picker.buttonStyle Property

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; } }

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;
    }
}

Syntax

Property Value

Example

See Also