Media Finder Inspector Type

The mediafinder inspector type allows the selection of a file from the media library. Clicking the field opens the media manager popup where a single file can be chosen. The selected file path is displayed in the field and can be cleared with the clear button or by pressing Backspace.

public function defineProperties()
{
    return [
        'backgroundImage' => [
            'title' => 'Background Image',
            'type' => 'mediafinder',
            'mediaType' => 'image',
            'placeholder' => 'Click to select an image'
        ]
    ];
}

The generated output is a string value containing the relative path to the selected media file, for example:

"backgroundImage": "/media/images/background.jpg"

The following configuration values are commonly used.