Jump to content
View in the app

A better way to browse. Learn more.
Universal Devices Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Email Notification Html format

Jim P
in IoX Support

Featured Replies

Posted

I have this customization for a weather status output to an email notification. ( text at the bottom) The first pic is output from July 12   the second in July 13 ..  I have not changed anything  with this notification... I am at a loss as what happened???

image.thumb.png.0092fc8075fa6f989b18fbed713d7694.png

image.thumb.png.f47e95b46d1db83e314e0f11c01f1c4c.png

<!Doctype html/>
<style>
body {
    background-color:cornflowerblue;
    }
    p {
        text-align: center;
        color: red;
      }
    
    .item1 { grid-area: Temperature; color: red;}
    .item2 { grid-area: Humidity; color: red;}
    .item3 { grid-area: DewPoint; color: red;}
    .item4 { grid-area: Pressure; color: red;}
    .item5 { grid-area: WindDirection; color: red;}
    .item6 { grid-area: WindSpeed; color: red;}
    .item7 { grid-area: Visibility; color: red;}
    .item8 { grid-area: ClimateConditions; color: red;}
    .item9 { grid-area: Alert; color: red;}
    .item10 { grid-area: AlertStatus; color: red;}
    .item11 { grid-area: AlertType; color: red;}
    .item12 { grid-area: AlertCategory; color: red;}
    .item13 { grid-area: AlertSeverity; color: red;}
    .item14 { grid-area: AlertUrgencyy; color: red;}
    .item15 { grid-area: AlertCertainty; color: red;}

    .grid-container 
    {
        display: grid;
        grid-template:
           'Temperature Humidity DewPoint'
           'Pressure WindDirection WindSpeed'
           'Visibility ClimateConditions Alert'
           'AlertStatus AlertType AlertCategory'
           'AlertSeverity AlertUrgency AlertCertainty';
           grid-gap: 10px
           padding: 10px
          
    } 
    .grid-container >div 
    {
        text-align: center;
        padding: 10px 0;
        font-size: 30px; 
    }
</style>
<body>

    <h1><center> Weather Status </center></h1>


    <div class="grid-container">
      
        <fieldset><legend>Temperature</legend>
        <div class="item1"><center>${sys.node.n003_controller.CLITEMP}</center></div></fieldset>
        <fieldset><legend>Humidity</legend>
        <div class="item2"><center>${sys.node.n003_controller.CLIHUM}</div></fieldset>
        <fieldset><legend>Dew Point</legend>
        <div class="item3"><center>${sys.node.n003_controller.DEWPT}</center></div></fieldset>
        <fieldset><legend>Pressure</legend>
        <div class="item4"><center>${sys.node.n003_controller.BARPRES}</center></div></fieldset>
        <fieldset><legend>Wind Direction</legend>
        <div class="item5"><center>${sys.node.n003_controller.WINDDIR}</center></div></fieldset>
        <fieldset><legend>Wind Speed</legend>
        <div class="item6"><center>${sys.node.n003_controller.SPEED}</center></div></fieldset>
        <fieldset><legend>Visibility</legend>
        <div class="item7"><center>${sys.node.n003_controller.DISTANC}</center></div></fieldset>
        <fieldset><legend>Climate Conditions</legend>
        <div class="item8"><center>${sys.node.n003_controller.GV13}</center></div></fieldset>
        <fieldset><legend>Alert</legend>
        <div class="item9"><center>${sys.node.n003_controller.GV21}</center></div></fieldset>
        <fieldset><legend>Alert Status</legend>
        <div class="item10"><center>${sys.node.n003_controller.GV22}</center></div></fieldset>
        <fieldset><legend>Alert Type</legend>
        <div class="item11"><center>${sys.node.n003_controller.GV23}</center></div></fieldset>
        <fieldset><legend>Alert Category</legend>
        <div class="item12"><center>${sys.node.n003_controller.GV24}</center></div></fieldset>
        <fieldset><legend>Alert Severity</legend>
        <div class="item13"><center>${sys.node.n003_controller.GV25}</div></fieldset>
        <fieldset><legend>Alert Urgency</legend>
        <div class="item14"><center>${sys.node.n003_controller.GV26}</center></div></fieldset>
        <fieldset><legend>Alert Certainty</legend>
        <div class="item15"><center>${sys.node.n003_controller.GV27}</center></div></fieldset>
    
    </div>
        
</body>

  • Author

I copied both emails back to my mail server and they both look the same on the web server side but neither are correct.. no issue to me .. this is just for info..  both show up as pictured above on my email  ...

If your email is configured as TEXT try changing it to HTML, if it's configured as HTML try TEXT

Edited by Techman

  • Author

Changed to text and email was all in text...

Changed back to html and it is back as it was before.

Strange....

Guest
This topic is now closed to further replies.
Go to topic listing

Configure browser push notifications
Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.