Jump to content

Email Notification Html format


Recommended Posts

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>

Link to comment

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

Link to comment

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...