# Notification Margin

**URL:** <https://discourse.nodered.org/t/notification-margin/71743>\
**Category:** General\
**Created:** [6 December 2022 04:19 UTC](https://discourse.nodered.org/t/notification-margin/71743 "2022-12-06T04:19:23Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![afafirmansyah](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/afafirmansyah/32/70076_2.png) [@afafirmansyah](https://discourse.nodered.org/u/afafirmansyah)\
**Post date:** [6 December 2022 04:19 UTC](https://discourse.nodered.org/t/notification-margin/71743/1 "2022-12-06T04:19:23Z")

</div>

How to give left and right margin?  
this happened after I updated ui-dashboard to version 3.2.3

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/9/9/993c801018cbf60fe207d36f9e74df0ec579ba11.png)

---

<div class="post-metadata">

**Author:** ![Buckskin](https://avatars.discourse-cdn.com/v4/letter/b/b9e5f3/32.png) [@Buckskin](https://discourse.nodered.org/u/Buckskin)\
**Post date:** [6 December 2022 17:45 UTC](https://discourse.nodered.org/t/notification-margin/71743/2 "2022-12-06T17:45:45Z")

</div>

Assuming you are using the notification node this works

```auto
msg.payload = `<!DOCTYPE html>
                <html><head>
                <title>Save Confirmation</title>
                </head>
                <body>
                   <div style = "padding: 0 0.5em 0 0.5em">
                      <p> Are you sure you want to save data? </p>
                   </div>
                </body>
                <style>
                   .md-title {
                       padding: 0 0.5em 0 0.5em;
                   }
                </style>
                </html>`;
return msg;

```

```auto
[{"id":"dd715df23483c35a","type":"ui_toast","z":"cbf497889c72d4b4","position":"dialog","displayTime":"0","highlight":"","sendall":false,"outputs":1,"ok":"OK","cancel":"Cancel","raw":true,"className":"","topic":"Save Confirmation","name":"","x":1530,"y":940,"wires":[[]]},{"id":"f4d2d33726516220","type":"function","z":"cbf497889c72d4b4","name":"Format Payload for notification node","func":"msg.payload = `<!DOCTYPE html>\n <html><head>\n <title>Save Confirmation</title>\n </head>\n <body>\n <div style = \"padding: 0 0.5em 0 0.5em\">\n <p>Are you sure you want to save data?</p>\n </div>\n </body>\n\n <style>\n .md-title {\n padding: 0 0.5em 0 0.5em;\n }\n </style>\n </html>`;\nreturn msg;","outputs":1,"noerr":0,"initialize":"","finalize":"","libs":[],"x":1270,"y":940,"wires":[["dd715df23483c35a"]]},{"id":"bd7352d782113344","type":"inject","z":"cbf497889c72d4b4","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":1000,"y":940,"wires":[["f4d2d33726516220"]]}]

```

---

<div class="post-metadata">

**Author:** ![afafirmansyah](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/afafirmansyah/32/70076_2.png) [@afafirmansyah](https://discourse.nodered.org/u/afafirmansyah)\
**Post date:** [7 December 2022 00:53 UTC](https://discourse.nodered.org/t/notification-margin/71743/3 "2022-12-07T00:53:24Z")

</div>

It's work, thank you

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [21 December 2022 00:53 UTC](https://discourse.nodered.org/t/notification-margin/71743/4 "2022-12-21T00:53:51Z")

</div>

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