ImagePicker.imageList Property

Gets or sets the list of images to choose from.

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

 Syntax

JavaScript

get imageList() {}

 Property Value

Array. The list of images.

 Example

The following code creates an ImagePicker with an initial list of 3 images and handles its valueChanging event where it checks the index of the selected image:

JavaScript

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 = imagePicker.clearButtonStyle = u.PickerButtonStyle.Inline;
imagePicker.dropdownOffset = new MindFusion.Drawing.Point(10, 10);
imagePicker.invalidString = "Please, provide a valid image URL";
imagePicker.itemSize = new ui.Unit(20, ui.UnitType.Percent);
imagePicker.valueChanging.addEventListener(handleValueChanging);
function handleValueChanging(sender, args)
{
     if( sender.imageIndex === 0)
      {
        //do something
      }
}