Elementos
Los elementos son los componentes básicos de una plantilla de ShipPDF. Usa elementos de diseño para estructurar la página, elementos de contenido para mostrar información y elementos de formulario para añadir campos que los destinatarios puedan completar.
Agrega un elemento
Puedes agregar elementos de tres formas:
- Arrastra un elemento desde la barra situada en la parte inferior del editor hasta la página.
- Haz clic en Agregar elemento dentro de un contenedor vacío y elige una opción.
- En Esquema, abre las acciones de un elemento, selecciona Agregar hijo y elige una opción disponible.
El selector solo muestra los elementos válidos para la ubicación seleccionada. Después de agregar uno, selecciónalo en el lienzo o en Esquema para editar sus propiedades en el inspector.
Estructura del documento
Cada página sigue una estructura Página → Fila → Columna → contenido. Una página nueva ya contiene una Fila con una Columna que ocupa todo el ancho:
Página
`-- Fila
`-- Columna
|-- Texto
|-- Imagen
`-- Tabla
Las Filas organizan las Columnas horizontalmente. Las Columnas apilan sus elementos hijos verticalmente. Cuando sueltas un elemento de contenido o formulario directamente sobre una Página o Fila, el editor crea automáticamente la Fila o Columna necesaria.
Diseño
Los elementos de diseño controlan dónde aparece el contenido y cómo fluyen los datos repetidos.
| Elemento | Para qué sirve |
|---|---|
| Fila | Organiza una o más Columnas una junto a otra. Agrega, cambia el tamaño o reordena Columnas para crear la estructura horizontal de una página. |
| Columna | Apila verticalmente elementos de diseño, contenido y formulario. Una Columna es el contenedor habitual de las partes visibles de una plantilla. |
| Bucle | Repite sus elementos hijos por cada elemento de un campo Lista o Colección. Muestra los elementos repetidos como lista o cuadrícula y elige si una fuente vacía no muestra nada o presenta un mensaje. |
| Salto de página | Inicia la Fila siguiente en una nueva página del PDF. Colócalo entre Filas en el nivel de la página. |
Los Bucles pueden contener Filas, elementos de contenido y Bucles anidados. Selecciona un Bucle y usa Repetir por cada elemento en para elegir su campo de origen. Dentro del Bucle, las vinculaciones de datos usan el ámbito del elemento actual.
Elementos
Los elementos de contenido muestran valores estáticos, datos de la plantilla o gráficos generados.
| Elemento | Para qué sirve |
|---|---|
| Texto | Agrega texto estático e inserta campos de datos en el mismo bloque. Úsalo para títulos, párrafos, etiquetas, fechas, precios y otros valores con formato. |
| Tabla | Representa una Colección como filas. Configura columnas, vincula valores, agrega filas de resumen, aplica estilos y controla la paginación. |
| Imagen | Muestra una imagen cargada, un recurso de la plantilla o del espacio de trabajo, una URL de imagen o una imagen suministrada mediante un campo de datos. |
| Código QR | Codifica texto, una URL o un campo de datos como código QR. |
| Código de barras | Codifica texto o un campo de datos mediante Code 128, GS1-128, Code 39, EAN-13, UPC-A, ITF-14, Data Matrix o PDF417. |
Los elementos Texto, Código QR y Código de barras aceptan contenido estático y campos de datos. Escribe {{ en el editor de valores para insertar un campo disponible. Las Imágenes pueden vincular su origen directamente a un campo de datos compatible.
Formularios
Los elementos de formulario crean campos rellenables en el PDF generado. Cada campo necesita un ID del campo único, que se convierte en su identificador dentro del PDF. Se admiten puntos, por lo que los ID como customer.name son válidos.
| Elemento | Para qué sirve |
|---|---|
| Campo de texto | Permite que el destinatario escriba texto. Define un valor predeterminado opcional y activa Multilínea para respuestas más largas. |
| Lista desplegable | Permite elegir un valor de una lista de opciones. Configura la etiqueta, las opciones y una opción predeterminada opcional. |
| Casilla de verificación | Permite activar o desactivar una sola opción. Agrega una etiqueta opcional y elige si está marcada de forma predeterminada. |
| Botones de opción | Permiten elegir una opción de un grupo visible. Configura la etiqueta del grupo, las opciones y una opción predeterminada opcional. |
Todos los elementos de formulario admiten estas opciones:
- Obligatorio exige un valor antes de enviar el formulario completado.
- Solo lectura muestra el valor sin permitir que el destinatario lo edite.
- Tipografía, Fondo del campo y Borde del campo controlan la apariencia del campo.
Los elementos de formulario pueden colocarse en las Filas del cuerpo, pero no en las Filas del encabezado o pie de página.
Próximos pasos
- Aprende cómo el contenido crea páginas adicionales del PDF en Páginas y desbordamiento.
- Define los campos que usan los elementos de contenido en Esquema de datos y datos predeterminados.
- Vincula esos campos y controla su presentación en Vinculaciones de campos de datos y formato.
- Descubre cómo se relacionan las plantillas y las vinculaciones de datos en Conceptos.
- Genera un PDF desde una plantilla publicada con el Inicio rápido.