martanogaj
New Coder
Dear developers,
I am trying to incorporate a countdown into an Outlook signature.
I've created an *.htm code which I have included in the appropriate "Signatures" folder within Microsoft folder on my C:/ drive.
I have also created an html page, including css coding and links to js files. This htm code works correctly when displayed in a Browser, and the countdown then works.
However, as soon as I wish to put the code into the Outlook signature, it stops working. Maybe Outlook doesn't allow for js scripts to work, or maybe I'm doing something wrong.
If anyone has any suggestions/solutions, please help!
Thank you in advance,
Marta
[CODE lang="html" title="Countdown"]<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> RPV milestone </title>
<style>
.until {
margin: 25px;
max-width: 400px;
display: grid;
grid-template-columns: 395px;
gap: 1em;
padding: 1em;
background: #009578;
border-radius: 5px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
font-family: sans-serif;
}
.until__component {
text-align: center;
background: #ffffff;
border-radius: 5px;
}
.until__numeric {
color: #333333;
padding: 0.5em 0;
font-size: 3em;
font-weight: bold;
}
.until__unit {
font-size: 1.2em;
padding-bottom: 1em;
font-weight: bold;
color: #94001B;
}
.until__event {
grid-column: span 1;
text-align: center;
color: #ffffff;
font-weight: bold;
}
</style>
</head>
<body>
<div class="until" id="myCountdown">
<div class="until__component">
<div class="until__numeric until__numeric--days">00</div>
<div class="until__unit">Days</div>
</div>
<div class="until__event">Until the end of manufacturing for the RPV U1 - 18th of July 2022</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.10.4/dayjs.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.10.4/plugin/duration.min.js"></script>
<script src="http://horsehotel.fr/countdown/countdown.js"></script>
</body>
</html>[/CODE]
I am trying to incorporate a countdown into an Outlook signature.
I've created an *.htm code which I have included in the appropriate "Signatures" folder within Microsoft folder on my C:/ drive.
I have also created an html page, including css coding and links to js files. This htm code works correctly when displayed in a Browser, and the countdown then works.
However, as soon as I wish to put the code into the Outlook signature, it stops working. Maybe Outlook doesn't allow for js scripts to work, or maybe I'm doing something wrong.
If anyone has any suggestions/solutions, please help!
Thank you in advance,
Marta
[CODE lang="html" title="Countdown"]<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> RPV milestone </title>
<style>
.until {
margin: 25px;
max-width: 400px;
display: grid;
grid-template-columns: 395px;
gap: 1em;
padding: 1em;
background: #009578;
border-radius: 5px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
font-family: sans-serif;
}
.until__component {
text-align: center;
background: #ffffff;
border-radius: 5px;
}
.until__numeric {
color: #333333;
padding: 0.5em 0;
font-size: 3em;
font-weight: bold;
}
.until__unit {
font-size: 1.2em;
padding-bottom: 1em;
font-weight: bold;
color: #94001B;
}
.until__event {
grid-column: span 1;
text-align: center;
color: #ffffff;
font-weight: bold;
}
</style>
</head>
<body>
<div class="until" id="myCountdown">
<div class="until__component">
<div class="until__numeric until__numeric--days">00</div>
<div class="until__unit">Days</div>
</div>
<div class="until__event">Until the end of manufacturing for the RPV U1 - 18th of July 2022</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.10.4/dayjs.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.10.4/plugin/duration.min.js"></script>
<script src="http://horsehotel.fr/countdown/countdown.js"></script>
</body>
</html>[/CODE]