Actualización obligatoria del Motor de PDF en Zoho CRM
¿Se actualiza solo o tengo que hacerlo yo?
- Si usas las plantillas predeterminadas de Zoho: Se actualizarán automáticamente. No tienes que hacer nada.
- Si usas el editor visual (Drag & Drop): También se actualizarán automáticamente en la mayoría de los casos.
- Si usas plantillas de HTML Personalizado: ¡OJO! AQUÍ SÍ TIENES QUE ACTUAR. Si tú (o un desarrollador) pegaste código HTML o modificaste profundamente el código de la plantilla, el sistema no puede reorganizar el código por ti. Debes hacerlo manualmente antes de la fecha límite para evitar que tus documentos pierdan el formato o se vean mal.
¿Qué debo revisar en mi código HTML?
- Encabezado: Debe ir dentro de un
<div id="pdfgen-header">envuelto en un<section id="header-container">. - Pie de Página: Debe ir dentro de un
<div id="pdfgen-footer">envuelto en un<section id="footer-container">. - Márgenes: Asegúrate de que el CSS de tu HTML tenga el margen y padding en 0:
html { margin: 0; padding: 0; }.
¿Qué pasa si no lo actualizo?
Si tienes HTML personalizado y no realizas el ajuste, a partir del cambio de motor tus PDFs podrían presentar:
- Encabezados encimados con el contenido.
- Pies de página que desaparecen o se cortan.
- Saltos de página incorrectos.
¿Cómo hacerlo?
- Ve a Configuración > Personalización > Plantillas > Inventario.
- Edita tu plantilla de HTML.
- Haz clic en el botón de Editar HTML (
<>). - Reorganiza el código siguiendo las nuevas etiquetas de
sectioneidque mencioné arriba.
1. El cambio principal: De Tablas a Secciones
El nuevo generador ya no soporta que el encabezado y el pie de página estén "metidos" dentro de la tabla principal (<thead> o <tfoot>). Ahora deben ser bloques independientes.
2. Nuevas etiquetas requeridas
Debes reemplazar tus etiquetas antiguas por estas nuevas estructuras de ID:
Encabezado (Header):
Antes: Se usaba dentro de
<thead>.Ahora: Debe ir envuelto en:
<section id="header-container">
<div id="pdfgen-header"> ...tu contenido... </div>
</section>
Pie de página (Footer):
Antes: Se usaba dentro de
<tfoot>.Ahora: Debe ir envuelto en:
<section id="footer-container">
<div id="pdfgen-footer"> ...tu contenido... </div>
</section>
Numeración de páginas:
Ahora debes usar
<span class="page-number"></span>y<span class="page-count"></span>dentro de los nuevos contenedores.
3. Ajustes de CSS
Zoho pide que pongas el margen y padding en 0 en el estilo global (
html { margin: 0; padding: 0; }) para que el nuevo motor controle los espacios correctamente.Los estilos específicos para el encabezado o pie de página deben ir dentro de etiquetas
<style>apuntando a los nuevos IDs (#pdfgen-header, etc.).
Referencia