Sign in Register
Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Bo Jacobsen 610 posts 2409 karma points
    Sep 15, 2016 @ 20:36
    Bo Jacobsen
    0

    dialogService open with umb-overlay-backdrop and on-outside-click closeOverLay

    Hello Everyone!

    Is there way to use dialogService.open and affect the element with class="umb-overlay-backdrop" and use on-outside-click="closeOverLay()"

    Its like when you open a treepicker or media picker. Then umb-overlay-backdrop gets displayed and its like fadeding out the content and make it unselectable. And when you click it the dialog modal disappear and the umb-overlay-backdro get set to display: none.

    Using umbraco 7.4.3

    //This is what we are talking about ;)
dialogService.open({
    template: "/App_Plugins/MyPlugin/Dialog.html",
    dialogData: $scope.model.value,
    callback: function (value) {
        if (value != null && value != "") {
            $scope.model.value = value
        }
    }
});
    Copy Link
  • Michaël Vanbrabandt 863 posts 3348 karma points c-trib
    Sep 16, 2016 @ 06:48
    Michaël Vanbrabandt
    0

    Hi Bo,

    can you show us some printscreens of the issue because now its not fully clear.

    Thanks

    /Michaël

    Copy Link
  • Bo Jacobsen 610 posts 2409 karma points
    Sep 16, 2016 @ 08:18
    Bo Jacobsen
    0

    I will try ;)

    The backdrop looks like this when not displayed. enter image description here

    Then i use the treepicker

    enter image description here

    The treepicker enter image description here

    Then the backdrop gets displayed. enter image description here

    I hope it makes sense ;)

    Copy Link
  • Bo Jacobsen 610 posts 2409 karma points
    Dec 07, 2016 @ 07:42
    Bo Jacobsen
    100

    I found out how. I have to use the 

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

    https://our.umbraco.org/apidocs/ui/#/api/umbraco.directives.directive:umbOverlay

    Copy Link

  • This forum is in read-only mode while we transition to the new forum.

    You can continue this topic on the new forum by tapping the "Continue discussion" link below.

Please Sign in or register to post replies