Power Platform Community Forum Thread Details

Buenos dias, lo que pasa es que si me sale convertir el archivo a pdf pero me sale sin formato como en la siguiente imagen:

Pero en realidad me debería salir así

Quisiera saber si a alguien le ha pasado lo mismo,

Adjunto el HTML ya que quizá este fallando en algo

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>undefined</title>
<meta name="generator" content="Google Web Designer 14.0.4.1108">
<meta name="template" content="Expandable 3.0.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="gwdpage_style.css" rel="stylesheet" data-version="13" data-exports-type="gwd-page">
<link href="gwdpagedeck_style.css" rel="stylesheet" data-version="14" data-exports-type="gwd-pagedeck">
<style type="text/css" id="gwd-lightbox-style">
.gwd-lightbox {
overflow: hidden;
}
</style>
<style type="text/css" id="gwd-text-style">
p {
margin: 0px;
}
h1 {
margin: 0px;
}
h2 {
margin: 0px;
}
h3 {
margin: 0px;
}
</style>
<style type="text/css">
html, body {
width: 100%;
height: 100%;
margin: 0px;
}
.gwd-page-container {
position: relative;
width: 100%;
height: 100%;
}
.gwd-page-content {
background-color: transparent;
transform: perspective(1400px) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform-style: preserve-3d;
position: absolute;
}
.gwd-page-wrapper {
background-color: rgb(255, 255, 255);
position: absolute;
transform: translateZ(0px);
}
.page1-content {
width: 550px;
height: 400px;
}
.gwd-span-1kvn {
display: block;
left: 211px;
position: absolute;
top: 16px;
}
.gwd-span-tavj {
display: block;
left: 64px;
position: absolute;
top: 66px;
}
.gwd-span-1ml8 {
display: block;
font-size: 12px;
left: 64px;
position: absolute;
top: 107px;
}
.gwd-span-1ict {
font-size: 15px;
}
.gwd-span-1inj {
display: block;
font-size: 12px;
left: 64px;
position: absolute;
top: 144px;
}
.gwd-span-1epn {
font-size: 15px;
}
.gwd-span-1xg7 {
display: block;
font-size: 12px;
left: 64px;
position: absolute;
top: 181px;
}
.gwd-span-19jd {
font-size: 15px;
}
.gwd-span-1em7 {
display: block;
font-size: 12px;
left: 287px;
position: absolute;
top: 107px;
}
.gwd-span-zg56 {
font-size: 15px;
}
.gwd-span-u6co {
display: block;
font-size: 12px;
left: 287px;
position: absolute;
top: 148px;
}
.gwd-span-ixkg {
font-size: 15px;
}
.gwd-span-u3fk {
display: block;
font-size: 15px;
left: 134px;
position: absolute;
top: 107px;
}
.gwd-span-1clx {
display: block;
font-size: 15px;
left: 117px;
position: absolute;
top: 142px;
}
.gwd-span-4cq5 {
display: block;
font-size: 15px;
left: 117px;
position: absolute;
top: 180px;
}
.gwd-span-17tw {
display: block;
font-size: 15px;
left: 329px;
position: absolute;
top: 107px;
}
.gwd-span-7d5f {
display: block;
font-size: 15px;
left: 329px;
position: absolute;
top: 147px;
}
</style>

</head>

<body class="document-body">
<gwd-pagedeck class="gwd-page-container" id="pagedeck">
<gwd-page id="page1" class="gwd-page-wrapper page1-content gwd-lightbox" data-gwd-width="550px" data-gwd-height="400px">
<div class="gwd-page-content page1-content"><span class="gwd-span-1kvn">Solicitud de vacaciones</span>
<span class="gwd-span-tavj">1. Datos del solicitante</span>
<span class="gwd-span-1ml8"><span class="gwd-span-1ict">Nombre:</span>&nbsp;</span>
<span class="gwd-span-1inj"><span class="gwd-span-1epn">Dpto:</span>&nbsp;</span>
<span class="gwd-span-1xg7"><span class="gwd-span-19jd">Área:</span>&nbsp;</span>
<span class="gwd-span-1em7"><span class="gwd-span-zg56">DNI:</span>&nbsp;</span>
<span class="gwd-span-u6co"><span class="gwd-span-ixkg">TR:</span>&nbsp;</span>
<span class="gwd-span-u3fk">{Nombre}</span><span class="gwd-span-1clx">{Dpto}</span>
<span class="gwd-span-4cq5">{Área}</span><span class="gwd-span-17tw">{DNI}</span>
<span class="gwd-span-7d5f">{TR}</span></div>
</gwd-page>
</gwd-pagedeck>

</body>

</html>

El flujo es el siguiente