AnsweredAssumed Answered

Message Template

Question asked by john.herrera on Jul 30, 2017
Latest reply on Aug 1, 2017 by john.herrera

Hello i have a message template of ca service desk, i have this structure on mi html sourc

is only an example:

</div><style>
body{color:#213C65;}p{font-family: "calibri";}
h2{font-family: "calibri";font-size: 1.1em; margin-top: 1px;margin-left:5px;}
.container{width: 604px;margin: 0 auto;margin-bottom: 20px;}
.rapper{margin-left: 20px;}
.asunto{background-color: #EAF5FD;margin: 0 auto;padding: 30px;}
.boton{background-color:#213C65;color:#00B4E1;text-align: center;width: 208px; height: 38px;margin: 0 auto;padding-top: 10px;cursor: pointer;font-family: "calibri";
}.Datos_servicio{width: 664px;height:460px; margin-bottom: 40px;margin-top: 30px;}
.categoria{background-color:#EAF5FD;width: 296px;height: 230px;float: left;
}.numero_servicio{background-color: #EAF5FD;width: 296px;height: 70px;float: left;margin-bottom: 3px;margin-left: 3px;}.fecha_creacion{background-color: #EAF5FD;
width: 296px;
height: 70PX;
float: left;
margin-left: 3px;
margin-bottom: 3px;
}
.comentario-servicio{
background-color: #EAF5FD;
width: 296px;
height: 230px;
margin-left: 3px;
margin-bottom: 3px;
float: left;
}
.tiempo{
background-color: #EAF5FD;
width: 296px;
height: 100px;
float: left;
margin-left: 3px;
margin-bottom: 3px;
}
.cliente{
background-color: #EAF5FD;
width: 296px;
height: 245px;
float: left;
}.cierre{border-top: solid 1px ;margin-top: 20px;}#p{text-align: center;}
.footer{cursor: pointer;
}
</style>
<div class="container">
<div class="banner"> </div> <img src="img/banner_ppal_asignado.jpg" alt="">
<div class="rapper">
<div class="Datos_servicio">
<div class="categoria">
<h2>Categoria:</h2><h2>@{call_req_id.category.sym}</div>
<div class="comentario-servicio"><h2>Comentario de quien asigna el servicio: </h2><h2>@{esc_style=html keeplinks=yes justify=line:description}</div>
<div class="cliente"><h2>Cliente: </h2><h2>@{call_req_id.customer.combo_name}</h2></div>
<div class="tiempo"><h2>Tiempo maximo de solución (ANS) contado desde la fecha y hora de creacion:</h2><h2>@{call_req_id.category.service_type.description}</div>
<div class="fecha_creacion"><h2>Numero de la solicitud:</h2><h2>@{call_req_id.ref_num}</div>
<div class="fecha_creacion"> <h2>Fecha de la creacion de la solicitud:</h2><h2>@{DATE_FMT=DD-MM-YYYY:call_req_id.open_date}</div>
</div>
<div class="Informacion_adicional">
<div class="comentario">
<div id="p"> <p> Haga clic en el siguiente boton para visualizar el Request </p></div>
<div class="boton"><a href="@{call_req_id.web_url}" target="_blank"> <strong> boton </strong></a></div>
</div>
</div>
<div class="cierre">
<p> <strong> Muchas Gracias por utilizar nuestros servicios <br>
Contacto Efectivo <br>
Corona </strong></p>
</div>
</div>
<div class="footer"> <a href="..." target="_blank"> </a> <img src="img/footer_asignado.jpg"> </div>
</div>

 

 

on my message template edit button i can see that the format of my HTML is ok, i can see the images and style is ok,

 

 

but when the notification have sent i see the mail without format, the style is wrong.

 

 

thanks for your help

Outcomes