Navigation Menu

Shifting Distances

What is shifting distance?

Well, this is a just a fancy thing, that lets your latest added modal in stack to shift in any given direction by a specific amount. By default the shifting distance is set to 0, so all modals in stack appear on same position. By giving a shifting distance of top : 100, you instruct the modal manager to place the newly added modals to appear 100px down horizontally when it appears in its desired position.
First, lets see modal stacking without shifting, as they appear over each other - 
ModalManager.instance.addModal({
    header : {
        enabled : true,
        title : `Modal # ${ModalManager.instance.stackSize() + 1}`
    },
    body : {
        content : 'Modal content ...'
    }
})
Now, lets apply some shifting - 

ModalManager.instance.setParameters({
    baseShiftDistance : {
        top : 100,
        left : 100
    }
});

ModalManager.instance.addModal({
    header : {
        enabled : true,
        title : `Modal # ${ModalManager.instance.stackSize() + 1}`
    },
    body : {
        content : 'Modal content ...'
    }
})
See how the modals stacks and gives out a card stacking look and feel?