Jump to content

Email Notification Html format


Jim P

Recommended Posts

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>

Posted

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  ...

Guest
This topic is now closed to further replies.

  • Recently Browsing

    • No registered users viewing this page.
  • Forum Statistics

    • Total Topics
      37.6k
    • Total Posts
      376.1k
×
×
  • Create New...