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 597 posts 2395 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
            }
        }
    });
    
  • 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

  • Bo Jacobsen 597 posts 2395 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 ;)

  • Bo Jacobsen 597 posts 2395 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

Please Sign in or register to post replies

Write your reply to:

Draft