Show Menu
TEMAS×

Elementos estáticos de un formulario web

Puede incluir elementos con los que el usuario no interactúa en las páginas del formulario; son elementos estáticos como imágenes, contenido HTML, barras horizontales o un vínculo de hipertexto. Estos elementos se crean mediante el primer botón de la barra de herramientas, haciendo clic en el menú Add static element .
Están disponibles los siguientes tipos de campo:
  • Valor basado en las respuestas proporcionadas anteriormente (en el contexto del formulario) o en la base de datos.
  • Enlace de hipertexto, HTML, barra horizontal. Consulte Inserción de contenido HTML .
  • Imagen guardada en la biblioteca de recursos o en un servidor accesible a los usuarios. Consulte Inserción de imágenes .
  • Secuencia de comandos ejecutada del lado del cliente o del servidor. Debe estar escrita en JavaScript y ser compatible con la mayoría de los navegadores para garantizar la ejecución correcta del lado del cliente.
    En el lado del servidor, la secuencia de comandos puede utilizar las funciones definidas en Campaign JSAPI documentation .

Inserción de contenido HTML

Se puede incluir contenido HTML en una página de formulario: vínculos de hipertexto, imágenes, párrafos con formato, objetos de vídeo o Flash, etc.
El editor HTML permite introducir el contenido que se inserta en la página del formulario. Para abrir el editor, vaya a Static elements>HTML .
Puede introducir y dar formato al contenido directamente o mostrar la ventana del código fuente para pegar algún contenido externo. Para cambiar al modo “Código fuente”, haga clic en el primer icono de la barra de herramientas:
Para insertar un campo de base de datos, utilice el botón de personalización.
Las cadenas introducidas en el editor HTML solo se traducen si se definen en la subpestaña Texts . De lo contrario, no se recopilan. Para obtener más información, consulte Traducción de un formulario web .

Personalización de contenido HTML

Puede personalizar el contenido HTML de una página de formulario con datos registrados en una página anterior. Por ejemplo, puede crear un formulario web de seguro para el coche cuya primera página le permita proporcionar información de contacto y la marca del coche.
Utilice los campos de personalización para volver a introducir el nombre de usuario y la marca seleccionada en la página siguiente. La sintaxis que se utiliza depende del modo de almacenamiento de la información. Para obtener más información, consulte Uso de información recopilada .
Por motivos de seguridad, el valor introducido en la fórmula <%= se reemplaza por caracteres de escape. Para evitarlo, y solo cuando sea necesario, utilice la siguiente sintaxis: <%= .
En nuestro ejemplo, el nombre y los apellidos del destinatario se almacenan en un campo de la base de datos, mientras que la marca de su coche se almacena en una variable. La sintaxis del mensaje personalizado en la página 2 es la siguiente:
<P>Welcome <%= ctx.recipient.@firstName %> <%= ctx.recipient.@lastName %>,</P>
<P>To start your customized study, please select your car <%=ctx.vars.marque%> and its year of purchase.</P>

Esto produce el resultado siguiente:

Uso de variables de texto

La pestaña Text permite crear campos variables que pueden utilizarse en el HTML entre los caracteres <%= y %> con la siguiente sintaxis: $(IDENTIFIER) .
Utilice este método para localizar fácilmente sus cadenas. Consulte Traducción de un formulario web .
Por ejemplo, puede crear un campo de Contacto que le permita mostrar la cadena “Fecha del último contacto:” al contenido HTML. Para realizar esto, siga los pasos a continuación:
  1. Haga clic en la pestaña Text del texto HTML..
  2. Haga clic en el icono Add .
  3. En la columna Identifier , introduzca el nombre de la variable.
  4. En la columna Text , introduzca el valor predeterminado.
  5. En el contenido HTML, inserte esta variable de texto mediante la sintaxis <%= $(Contact) %> .
    Si introduce estos caracteres en el editor HTML, los campos < y > se sustituyen por sus caracteres de escape. En este caso, debe corregir el código fuente haciendo clic en el icono Display source code del editor de texto HTML.
  6. Abra la etiqueta Preview del formulario para ver el valor introducido en el HTML:
Este modo operativo permite factorizar el texto de los formularios web y administrar las traducciones mediante la herramienta de traducción integrada. Para obtener más información, consulte Traducción de un formulario web .

Inserción de imágenes

Para que las imágenes se incluyan en los formularios, deben guardarse en un servidor que sea accesible externamente.
Seleccione el menú Static elements>Image .
Seleccione el origen de la imagen que desea insertar: puede proceder de la biblioteca de recursos públicos o estar almacenada en un servidor externo accesible externamente.
Si es una imagen de la biblioteca, selecciónela en el cuadro combinado del campo; si se encuentra en un archivo externo, introduzca la ruta de acceso. La etiqueta se muestra pasando el cursor sobre la imagen (coincide con un campo ALT en HTML) o cuando no se muestra la imagen.
La imagen se puede ver en la sección central del editor.