Componentes de base foundation-components

Configurar propiedades

Editar contenido

Editar contenido: modo pantalla completa

Imagen

• Imagen
  Arrastre una imagen desde el buscador de contenido o haga clic en para abrir una ventana de exploración en la que pueda cargar una imagen. Una vez cargada la imagen, puede recortarla, girarla o eliminarla. Para acercar y alejar la imagen, utilice la barra deslizante situada debajo de la imagen (encima de los botones Aceptar y Cancelar)

• Recortar
  Recortar parte de una imagen. Arrastre el borde para recortar la imagen.

• Rotar
  Haga clic en Rotar repetidamente hasta que la imagen gire como desee.

• Borrar
  Eliminar la imagen actual.

Avanzado

• Título
  El componente de imagen adaptable no utiliza esta propiedad.

• Texto alternativo
  Texto alternativo que se utiliza para la imagen.

• Vincular A
  El componente de imagen adaptable no utiliza esta propiedad.

• Descripción
  El componente de imagen adaptable no utiliza esta propiedad.

Carrusel
Especifique cómo funciona el carrusel:

• Velocidad de reproducción
  Tiempo en milisegundos antes de que se muestre la siguiente diapositiva.
• Tiempo de transición
  Tiempo en milisegundos para la transición entre dos diapositivas.
• Estilo de controles
  Hay varias opciones disponibles en un menú desplegable; por ejemplo, Botones Anterior/Siguiente, Conmutadores superior-derecha.

Lista

Aquí puede especificar cómo se incluyen las páginas en el carrusel:

• Lista de compilación con
  Existen varias formas de crear una lista de páginas: Páginas secundarias, Lista fija, Búsqueda o Búsqueda avanzada (todas ellas descritas a continuación).
  Independientemente del método que elija, las páginas que incluya en la lista deben tener ya una imagen asociada con la página. Es esta imagen la que se muestra en el carrusel. Si no hay ninguna imagen para una página determinada debajo de Propiedades de página de esa página, debe asociar una imagen con la página antes de comenzar. Si no lo hace, el carrusel muestra una página en blanco. Consulte Edición de propiedades de página.
  Según el elemento que elija, aparecerá un nuevo panel:

  • Opciones para páginas secundarias

    • Página principal
      Especifique una ruta manualmente o con el selector. Dejar vacío para utilizar la página actual como principal.

  • Opciones de lista fija

    • Páginas
      Seleccione una lista de páginas. Use + para agregar más entradas y los botones arriba/abajo para ajustar el orden.

  • Opciones de búsqueda

    • Iniciar en
      Introduzca una ruta de inicio, ya sea manualmente o con el selector.

    • Consulta de búsqueda
      Puede introducir una consulta de búsqueda de texto sin formato.

  • Opciones de búsqueda avanzada

    • Notación de predicado de Querybuilder
      Puede introducir una consulta de búsqueda utilizando la notación de predicado de Querybuilder. Por ejemplo, puede introducir "fulltext=Marketing" para que todas las páginas con "Marketing" en su contenido se muestren en el carrusel.
      Consulte API de QueryBuilder para obtener información detallada sobre las expresiones de consulta y otros ejemplos.

• Ordenar por
  Seleccione jcr:title, jcr:created, cq:lastModified o cq:template en el menú desplegable.

• Límite
  Opcional. Número máximo de elementos que desea utilizar en el carrusel.

Datos

• Datos de gráfico
  Introduzca los datos del gráfico en el formato CSV; el formato de valores separados por comas utiliza comas (",") como separador de campos.

Avanzado

• Tipo de gráfico
  Seleccione entre Gráfico circular, Gráfico de líneas y Gráfico de barras.

• Texto alternativo
  Muestra texto alternativo en lugar del gráfico.

• Anchura
  Anchura del gráfico en píxeles.

• Altura
  Altura del gráfico en píxeles.

Descargar

• Descripción
  Breve descripción que se muestra con el vínculo de descarga.

• Archivo
  El archivo disponible para descargar en la página web resultante. Arrastre un recurso desde el buscador de contenido o seleccione el área para que pueda cargar el archivo que desea que esté disponible para descargar.

Externo

• Aplicación de destino
  Especifique la URL de la aplicación web que desea integrar; por ejemplo:

  code language-none
  https://en.wikipedia.org/wiki/Main_Page

• Pasar parámetros
  Marque la casilla para que los parámetros se pasen a la aplicación cuando sea necesario.

• **Anchura y altura
  **Defina el tamaño del iframe

Flash

• película de Flash

  El archivo de película flash. Arrastre un recurso desde el buscador de contenido o haga clic para abrir una ventana de exploración.

• Tamaño

  Dimension en píxeles del área de visualización que contiene la película.

Imagen alternativa

Una imagen alternativa para mostrar

Avanzado

• Menú contextual

  Indica si el menú contextual debe mostrarse u ocultarse.

• Modo de ventana

  Cómo aparece la ventana, por ejemplo, opaca, transparente o como una ventana distinta (sólida).

• Color de fondo

  Se ha seleccionado un color de fondo en la tabla de colores.

• Versión mínima

  La versión mínima del Flash Player de Adobe necesaria para ejecutar la película. El valor predeterminado es 9.0.0.

• Atributos

  Cualquier atributo adicional necesario.

Mapa

Para asignar una imagen, seleccione Mapa. Puede especificar cómo desea crear el mapa de imagen (rectángulo, polígono, etc.) y hacia dónde debe apuntar el área.

Recortar

Para recortar parte de una imagen, seleccione Recortar. Utilice el ratón para recortar la imagen.

Rotar

Para rotar una imagen, seleccione Rotar. Use repetidamente hasta que la imagen gire de la forma que desee.

Borrar

Eliminar la imagen actual.

Título

Título de la imagen.

Texto alternativo

Texto alternativo que se puede utilizar al crear contenido accesible.

Vincular A

Cree un vínculo a recursos u otras páginas dentro del sitio web.

Descripción

Una descripción de la imagen.

Tamaño

Establece la altura y la anchura de la imagen.

Lista

• Lista de compilación con

  Aquí puede especificar dónde recupera la lista su contenido. Existen varios métodos:

• Según el elemento que elija, aparecerá un nuevo panel:

  • Opciones para páginas secundarias

    • Elementos secundarios de (página principal)

      Especifique una ruta manualmente o con el selector. Dejar vacío para utilizar la página actual como principal.

  • Opciones de lista fija

    • Páginas

      Seleccione una lista de páginas. Utilice + para añadir más entradas y los botones arriba/abajo para ajustar el orden.

  • Opciones de búsqueda

    • Iniciar en

      Introduzca una ruta de inicio, ya sea manualmente o con el selector.

    • Consulta de búsqueda

      Puede introducir una consulta de búsqueda de texto sin formato.

  • Opciones de búsqueda avanzada

    • Notación de predicado de Querybuilder

      Puede introducir una consulta de búsqueda utilizando la notación de predicado de Querybuilder. Por ejemplo, puede introducir "fulltext=Marketing" para que todas las páginas con "Marketing" en su contenido se muestren en el carrusel.

      Consulte API de QueryBuilder para obtener información detallada sobre las expresiones de consulta y otros ejemplos.

  • Etiquetas

    Especifique la página principal, Etiquetas/palabras clave y los criterios de coincidencia necesarios.

• Mostrar como

  Cómo desea que se incluyan los elementos en la lista; incluye vínculos, teasers y noticias.

• Ordenar por

  Si la lista se va a ordenar y, si es así, los criterios que se van a utilizar para ordenarla. Puede introducir un criterio o seleccionar uno en la lista desplegable proporcionada.

• Límite

  Especifique el número máximo de elementos que desea mostrar en la lista.

• Habilitar fuente

  Indica si se debe activar una fuente RSS para la lista.

• Paginar después de

  Aquí puede especificar el número de elementos de la lista que se mostrarán a la vez. Una lista con más elementos de los especificados utiliza la paginación para mostrar la lista en varias partes.

Iniciar sesión

• Etiqueta de sección

  Texto de entrada para los campos de entrada.

• Etiqueta de nombre de usuario

  Texto para etiquetar el campo de nombre de usuario.

• Etiqueta de contraseña

  Texto para etiquetar el campo de contraseña.

• Etiqueta del botón de inicio de sesión

  Texto para el botón de inicio de sesión.

• Redirigir a

  Puede especificar la página del sitio web que debe abrirse una vez que el usuario ha iniciado sesión.

Ya hay una sesión iniciada

• Etiqueta del botón Continuar

  Texto que indica que el usuario ya ha iniciado sesión.

Título

• Título

  Especifique el texto del título que desea mostrar.

• Vincular

  Especifique la página (producto) para la que se debe mostrar el estado del pedido.

• Tipo/Tamaño

  Seleccione de la selección proporcionada.

Referencia de párrafo

• Referencia

  Especifique la ruta a la página y al párrafo al que desea hacer referencia (incluir contenido).

Búsqueda

• Tipos de nodo

  Si la búsqueda se va a restringir a un tipo de nodo específico, muéstrelos aquí; por ejemplo, cq:Page.

• Ruta para buscar en

  Especifique la página raíz de la rama que desea buscar.

• Texto de botón de búsqueda

  El nombre aparece en el botón de búsqueda real.

• Texto de estadísticas

  El texto mostrado encima de los resultados de búsqueda.

• No hay texto de resultados

  Si no hay resultados, se muestra el texto introducido aquí.

• Texto de revisión ortográfica

  Si alguien introduce un término similar, este texto se muestra antes del término.
  Por ejemplo, si escribe Geometrixxe, el sistema mostrará "¿Quiso decir? Geometrixx".

• Texto de páginas similares

  Texto que se muestra junto a un resultado para páginas similares. Para ver páginas con contenido similar, haga clic en este vínculo.

• Texto de búsquedas relacionadas

  El texto que aparece junto a busca términos y temas relacionados.

• Texto de tendencias de búsqueda

  El título encima de los términos de búsqueda que introduce un usuario.

• Etiqueta de páginas de resultados

  Texto que aparece al final de esta lista con vínculos a otras páginas de resultados.

• Etiqueta anterior

  Nombre que aparece en el vínculo a las páginas de búsqueda anteriores.

• Etiqueta siguiente

  El nombre que aparece en el vínculo a las páginas de búsqueda siguientes.

Mapa del sitio

• Ruta raíz

  Ruta desde la que comienza el anuncio.

Diapositivas

• Nueva diapositiva

  Puede especificar una selección de diapositivas utilizando los botones Agregar (y Quitar).

• Título

  Especifique un título si es necesario. El título se superpone en la diapositiva correspondiente.

Avanzado

• Tamaño

  Especifique la anchura y la altura en píxeles.

Etiquetas para mostrar

Lugar desde el que se recopilan las etiquetas que se van a mostrar. Seleccione una página, una página con todos los elementos secundarios o todas las etiquetas.

Página

Seleccione la página a la que desea hacer referencia.

No hay vínculos en las etiquetas

Si las etiquetas mostradas deben actuar como vínculos.

Estilos de componente (Estilos)

Aquí puede alinear la imagen a la izquierda o a la derecha. El valor predeterminado es Izquierda alineada, con la imagen a la izquierda.

Propiedades de imagen (Propiedades de imagen avanzadas)

Permite especificar lo siguiente:

• Recurso de imagen

  Cargue la imagen requerida.

• Título

  Título del bloque, mostrado con el ratón.

• Texto alternativo

  Texto alternativo que se mostrará si no se puede mostrar la imagen. Si se deja vacío, se utiliza el título.

• Vínculo a

  Especifique una ruta de destino.

• Descripción

  Una descripción de la imagen.

• Tamaño

  Establece la altura y anchura de la imagen.

Título

Si desea utilizar un nombre que no sea el título de la página, introdúzcalo aquí.

Vincular

URI si el título va a funcionar como vínculo.

Tipo/Tamaño

Seleccione Pequeño o Grande en la lista desplegable. Lo pequeño se genera como imagen. Grande se genera como texto.

Vídeo

• Recurso de vídeo

  Cargue o suelte el recurso de vídeo.

• Tamaño

  El tamaño nativo del vídeo (anchura x altura en píxeles) aparece en los cuadros junto a Tamaño (ver arriba). Introduzca manualmente las dimensiones de anchura y altura aquí si desea anular las dimensiones nativas del vídeo. Si se selecciona Aceptar, se cerrará el cuadro de diálogo.

Control de columna

• Diseño de columna

  Seleccione el número de columnas que desea representar. Una vez creada, cada columna tiene su propio vínculo para arrastrar componentes o recursos al añadir contenido.

Formulario

El componente Formulario define el principio y el final de un nuevo formulario en una página. Otros componentes se pueden colocar entre estos elementos, como tablas y descargas.

Campos y elementos de formulario

Los campos y elementos de formulario pueden incluir cuadros de texto, botones de opción e imágenes. El usuario suele completar una acción en un campo de formulario, como escribir texto. Consulte elementos de formulario individuales para obtener más información.

Componentes de perfil

Los componentes de perfil están relacionados con los perfiles de visitante utilizados para la colaboración social y otras áreas en las que se requiere la personalización del visitante.

Título y texto

Aquí debe especificar la información básica, como el título del formulario y el texto que lo acompaña. Si corresponde, también le permite definir otra información clave, como si el campo puede seleccionarse varias veces y los elementos disponibles para su selección.

Valores iniciales

Permite especificar un valor predeterminado.

Restricciones

Aquí puede especificar si un campo es obligatorio y colocar restricciones en ese campo (por ejemplo, debe ser numérico).

Estilo

Indica el tamaño y el estilo de los campos.

Título y texto

• Nombre de elemento

  Nombre del elemento del formulario. Indica en qué parte del repositorio se almacenan los datos.
  Este campo es obligatorio y solo debe contener los siguientes caracteres:

  • caracteres alfanuméricos
  • _ . / : -

• Título

  El título se muestra con el campo. Si se deja en blanco, se muestra el título predeterminado.

• Descripción

  Permite proporcionar información adicional para el usuario, si es necesario. En el formulario, se muestra debajo del campo, en una fuente más pequeña que el título.

• Mostrar/Ocultar

  Determina cuándo está visible el campo.

Valores iniciales

• Valor predeterminado

  El valor mostrado en el campo cuando se abre el formulario. Es decir, antes de que el usuario haya realizado alguna entrada.

Restricciones

• Requerido

  Las restricciones dependen del tipo de componente del formulario, pero proporciona una o más casillas de verificación para indicar que este campo es obligatorio o que ciertas partes de este campo son obligatorias.

• Mensaje obligatorio

  Un mensaje para informar a los usuarios de que este campo es obligatorio. Un campo obligatorio también se marca con un asterisco.

• Restricción

  Las restricciones disponibles para la selección dependen del tipo de componente del formulario.

• Mensaje de restricción

  Un mensaje para informar a los usuarios de lo que se requiere.

Estilo

• Tamaño

  En filas y columnas.

• Anchura

  En píxeles.

• CSS

Formulario

• Página de agradecimiento

  Página a la que se hace referencia para agradecer a los visitantes por proporcionar sus comentarios. Si se deja en blanco, el formulario se vuelve a mostrar después del envío.

• Iniciar flujo de trabajo

  Determina qué flujo de trabajo se activará una vez enviado un formulario.

Avanzado

• Tipo de acción

  Un formulario necesita una acción. La acción define la operación que se activa para la ejecución con los datos enviados por el usuario (similar a action= en HTML). Algunos necesitan una Configuración de acción correspondiente.
  AEM En una instalación estándar de la aplicación se incluye una selección de tipos de acción:

  • Solicitud de cuenta

  • Crear contenido

  • Crear posible cliente

  • Crear y actualizar cuenta

  • Servicio de correo electrónico: crear suscriptor y agregar a la lista

  • Servicio de correo electrónico: enviar correo electrónico de respuesta automática

  • Servicio de correo electrónico: cancelar la suscripción del usuario a la lista

  • Editar comunidad

  • Editar recursos

  • Editar recursos controlados por flujo de trabajo

  • Correo

  • Detalles del pedido realizado

  • Actualización de perfil

  • Restablecer contraseña

  • Establecer contraseña

  • Almacenar contenido

    El tipo de acción predeterminado.

  • Almacenar contenido con cargas

  • Enviar pedido

  • Cancelar la suscripción del suscriptor

  • Actualizar pedido

• Identificador de formulario

  El identificador del formulario identifica de forma exclusiva el formulario. Utilice el identificador del formulario si tiene varios formularios en una sola página; asegúrese de que tengan identificadores diferentes.

• Ruta de carga

  Ruta a las propiedades del nodo utilizada para cargar valores predefinidos en los campos del formulario.

  Campo opcional que especifica la ruta a un nodo del repositorio. Cuando este nodo tiene propiedades que coinciden con los nombres de campo, los campos adecuados del formulario se precargan con el valor de esas propiedades. Si no existe ninguna coincidencia, el campo contiene el valor predeterminado.

  Con Cargar ruta puede precargar el formulario con valores en los campos obligatorios. Consulte Precargar valores de formulario.

• Validación de cliente

  Indica si se requiere la validación del cliente para este formulario (la validación del servidor siempre se produce). La validación del cliente se puede lograr con el componente Forms Captcha.

• Tipo de medio de validación

  Define el tipo de recurso de validación del formulario si desea validar todo el formulario (en lugar de campos individuales). Si está validando el formulario completo, incluya también una de las siguientes opciones:

  • Una secuencia de comandos para la validación del cliente:

    /apps/<*myApp*>/form/<*myValidation*>/formclientvalidation.jsp

  • Una secuencia de comandos para la validación en el servidor:

    /apps/<*myApp*>/form/<*myValidation*>/formservervalidation.jsp

• Configuración de acción

  Las opciones disponibles en Configuración de acción dependen del Tipo de acción seleccionado:

  • Solicitud de cuenta

    • Crear página de cuenta

      La página utilizada al crear una cuenta.

  • Crear contenido

    • Ruta de contenido

      La ruta de contenido para cualquier contenido que vacíe el formulario. Escriba una ruta que termine con una barra diagonal /. La barra diagonal significa que, para cada puerto de formulario, se crea un nuevo nodo en la ubicación determinada; por ejemplo:

      /forms/feedback/

    • Tipo

      Seleccione el tipo requerido.

    • Formulario

      Especifique el formulario.

    • Procesar con

      Seleccione la opción requerida en la lista.

    • Tipo de recurso

      Si se establece, se agrega a cada comentario como sling:resourceType

    • Selector de vista

  • Crear posible cliente

    • El posible cliente se ha agregado a esta lista

      Especifique la lista de posibles clientes necesaria.

  • Crear y actualizar cuenta

    • Grupo inicial

      Grupo al que asignar el nuevo usuario.

    • Hogar

      Página para mostrar después de iniciar sesión correctamente.

    • Ruta

      La ruta (relativa) donde se crea y almacena la nueva cuenta.

    • Ver datos…

      Al seleccionar este botón, se accede a la información sobre los resultados del formulario en el Editor por lotes. Desde aquí, puede exportar la información a un archivo de .tsv (separado por tabulaciones) (por ejemplo, en una hoja de cálculo de Excel).

  • Correo

    • De

      Introduzca la dirección de correo electrónico de la que debe proceder el correo electrónico.

    • Mailto

      Escriba una o varias direcciones de correo electrónico a las que se enviará el formulario.

    • CC

      Escriba una o varias direcciones de correo electrónico CC.

    • CCO

      Escriba una o varias direcciones de correo electrónico CCO.

    • Asunto

      Introduzca un asunto para el correo electrónico.

  • Restablecer contraseña

    • Cambiar página de contraseña

      Página utilizada al cambiar la contraseña.

  • Almacenar contenido

    • Ruta de contenido

      La ruta de contenido para cualquier contenido que vacíe el formulario. Escriba una ruta que termine con una barra diagonal /. La barra diagonal significa que, para cada puerto de formulario, se crea un nuevo nodo en la ubicación determinada; por ejemplo:
      /forms/feedback/

    • Ver datos…

      Haga clic en este botón para poder acceder a la información sobre los resultados del formulario en el Editor por lotes. Desde aquí, puede exportar la información a un archivo .tsv (separado por tabulaciones) (por ejemplo, para utilizarlo en una hoja de cálculo de Excel).

  • Almacenar contenido con cargas

    Tiene las mismas opciones que Almacenar contenido.

  • Cancelar la suscripción del suscriptor

    • El posible cliente se ha eliminado de esta lista

      Especifique la lista de posibles clientes necesaria.

Fin de formulario

• Mostrar botón de envío

  Indica si se debe mostrar o no un botón Enviar.

• Nombre de envío

  Un identificador si utiliza varios botones de envío en un formulario.

• Título de envío

  Nombre que aparece en el botón, como Enviar o Enviar.

• Mostrar botón Restablecer

  Al activar la casilla de verificación, el botón Restablecer queda visible.

• Restablecer título

  Nombre que aparece en el botón Restablecer.

• Descripción

  Información que aparece debajo del botón.

Campo de etiqueta

• Áreas de nombres permitidas

  • Geometrixx Outdoors
  • Flujo de trabajo
  • Foro
  • Fotografías de archivo
  • Geometrixx Medias
  • Etiquetas estándar
  • Marketing
  • Propiedades del recurso
  • Anchura en píxeles
  • Tamaño emergente