I want to create a custom property editor, that makes use of the media picker. Right now my controller looks like this:

angular.module("umbraco").controller("My.MediaCropperController", function($scope, dialogService) { $scope.mediaPicker = { view: 'mediapicker', value: null, // or your value config: { disableFolderSelect: true, onlyImages: true } }; });

And my view looks like this:

umb-editor ng-controller="My.MediaCropperController" model="mediaPicker" ng-if="mediaPicker">

As I understand it, I need to create config object for built-in editors, then use in the template to show the editor. However when i bring my property editor into my backoffice, nothing is being shown. What am I doing wrong here?

This is my package manifest file:

{
//you can define multiple editors
propertyEditors: [
{ /this must be a unique alias/ alias: "My.MediaCropper", /the name/ name: "My Media Cropper", /the html file we will load for the editor/ editor: { view: "~/AppPlugins/MediaCropper/mediacropper.html" } } ] , //array of files we want to inject into the application on appstart javascript: [ '~/App_Plugins/MediaCropper/mediacropper.controller.js' ] }