Change position of notification pop up

Is it possible to change the position of the dashboard notification pop up? The OK Cancel Dialog and the OK Cancel Dialog with input appear in the middle of the screen. I need to move them up because I have a virtual keyboard located in the bottom portion. I suspect I can add something to my template node.

Thanks,
Tom

Assign a class in the notification node like exampleclass

You can then use a ui-template node like this:

[{
        "id": "2e86cd7bdb8144f2",
        "type": "ui_template",
        "z": "33acb8202a4b294d",
        "group": "cf1f037f2369dee3",
        "name": "CSS",
        "order": 1,
        "width": 1,
        "height": 1,
        "format": "<style>\n    .exampleclass {\n        position: absolute;\n        top: 0px;\n        left: 0px;\n    };\n</style>",
        "storeOutMessages": true,
        "fwdInMessages": true,
        "resendOnRefresh": true,
        "templateScope": "global",
        "className": "",
        "x": 770,
        "y": 400,
        "wires": [[]]
}]

Depending on your needs, you will need to look up the relevant css to modify the example.

Thanks for your help. Here is what I added to move the dialog box up a little from the screen center:

#nr-dashboard > div.md-dialog-container > md-dialog
{
    position: relative;
    top: -200px;
    left: 0px;
}

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.