Hey Mads,

Do you have any idea how I can pass parameters to this overlay?

I see in Umbraco.Dialogs.MediaPickerController for example:

var dialogOptions = $scope.dialogOptions;

But I don't get where those dialogoptions come from.

Hi Gerards,

any model you pass to the <umb-overlay model="myModel">

Is also returned trough the callbacks submit: function (myModel) and close: function (myModel)

so in this case its the $scope.overlay

I am trying to make my dialogService into umb-overlay.

How do you get the model data sendt into your custom view?

<umb-overlay
        ng-if="overlay.show"
        model="overlay"
        view="overlay.view"
        position="right">
    </umb-overlay>

$scope.overlay = {
    view: "../my/view.html",
    show: true,
    title: "Overlay",
    submit: function (model) {
        $scope.overlay.show = false;
        $scope.overlay = null;
        console.log("Submit");
    },
    close: function (oldModel) {
        $scope.overlay.show = false;
        $scope.overlay = null;
        console.log("Close");
    },
    dialogModel: $scope.control.value
}

angular.module("umbraco").controller("My.Custom.ViewController", function ($scope, dialogService) {
    console.log($scope); // Gives
    /*
        $$childHead : null
        $$childTail : null
        $$listeners : Object
        $$nextSibling : null
        $$prevSibling : null
        $$watchers : null
        $id : "0CM"
        $parent : Object
        dialogModel : undefined
        this : a
        __proto__ : Object
    */
    console.log($scope.dialogData); // Gives nothing
    console.log($scope.dialogModel); // Gives nothing
});

I hope someone still see this ;)

Hi Bo,

Take a look at this new UI documentation

https://our.umbraco.org/apidocs/ui/#/api/umbraco.services.dialogService

Yes i know the https://our.umbraco.org/apidocs/ui/#/api/umbraco.services.dialogService, but i cant seem to find out how to make the overlay from the dialogService.

Atm i use this

$scope.openDialog = function () {
    dialogService.open({
        template: '../App_Plugins/myPlugin/myview.html',
        show: true,
        dialogData: $scope.control.value,
        callback: function (value) {
            $scope.control.value = value;
        }
    });
};

And it works. But i would like it as an umb-overlay.

Do you know how to?

Hi Bo,

On the umbOverlay component in your html you can see that you pass in your “overlay” model into the component in the “model” attribute. This means that you will have access to all the data from that model on $scope.model inside the component.

You can try to do a console log on $scope.model.title and then you will hopefully see “Overlay” in your log. And if you log $scope.model.dialogModel you will see the value from $scope.control.value

I hope this makes sense.

Have a wonderful day.

Thanks Mads.

Now it all makes sence to me. Saved me alot of headache.