Descargar componente (v1) download-component

El componente principal Descarga permite crear una opción de descarga en una página.

Uso usage

El componente Descarga de componentes principales permite incluir una opción de descarga y su recurso asociado en una página.

Versión y compatibilidad version-and-compatibility

Este documento describe la versión 1 del componente Descarga, que se introdujo con la versión 2.5.0 de los componentes principales en junio de 2019.

CAUTION
Este documento describe la versión 1 del componente Descarga.
Para obtener más información sobre la versión actual del componente Descarga, consulte el documento Componente Descarga.

Salida del componente de ejemplo sample-component-output

Para experimentar el componente Descarga, así como ver ejemplos de sus opciones de configuración, así como la salida HTML y JSON, visite la Biblioteca de componentes.

Detalles técnicos technical-details

La documentación técnica más reciente sobre el componente Descarga se encuentra en GitHub.

Puede encontrar más información sobre el desarrollo de componentes principales en la documentación para desarrolladores de componentes principales.

Cuadro de diálogo de configuración configure-dialog

El cuadro de diálogo de configuración permite al autor del contenido definir el elemento de descarga y cómo se comportará y aparecerá para un visitante de la página.

Pestaña Recurso del cuadro de diálogo de edición del componente Descarga

Pestaña Recurso asset-tab

La selección de un recurso de descarga es muy similar a la funcionalidad del Componente Imagen y, del mismo modo, aprovecha AEM DAM.

  • Recurso de descarga

Pestaña Propiedades properties-tab

Pestaña Propiedades del cuadro de diálogo de edición del componente Descarga

  • Título: se muestra como un titular para el elemento de descarga

    • Obtener el título del recurso DAM: cuando se selecciona, el título se rellena automáticamente con el título del recurso DAM.
  • Descripción: se muestra como un subtitular descriptivo del elemento de descarga

    • Obtener la descripción del recurso DAM: cuando se selecciona, la descripción se rellena automáticamente con la descripción del recurso DAM.
  • Texto de acción: se muestra como texto de acción para el elemento de descarga

    • Este campo es necesario al cargar un recurso desde el sistema de archivos.
    • Mostrar elementos incorporados: al seleccionarlo, el texto de acción proporcionado se mostrará en línea.
  • ID: esta opción permite controlar el identificador único del componente del HTML y de la capa de datos.

    • Si se deja en blanco, se generará automáticamente un ID único que se puede encontrar inspeccionando la página resultante.
    • Si se especifica un ID, es responsabilidad del autor asegurarse de que sea único.
    • Cambiar el ID puede afectar al seguimiento de CSS, JS y de la capa de datos.

Cuadro de diálogo de diseño design-dialog

El cuadro de diálogo de diseño permite que el autor de la plantilla defina las opciones disponibles para el autor de contenido que utiliza el componente Descarga.

Pestaña Propiedades properties-tab-design

Cuadro de diálogo Diseño del componente Descarga

  • Permitir la carga desde el sistema de archivos: permite al autor del contenido cargar un recurso desde su sistema de archivos local como recurso de descarga.
    • El valor predeterminado no está seleccionado.
  • Tipo de título: el elemento HTML utilizado para el título del componente Descarga.
    • Si no se selecciona ningún valor, el valor predeterminado es H3.
  • Mostrar el tamaño de archivo: cuando se selecciona, el tamaño de archivo del recurso se muestra en el componente Descarga.
    • El valor predeterminado está seleccionado.
  • Mostrar el formato de archivo: cuando se selecciona, el formato de archivo del recurso se muestra en el componente Descarga.
    • El valor predeterminado está seleccionado.
  • Mostrar el nombre de archivo: al seleccionarlo, el nombre de archivo del recurso se mostrará en el componente Descarga.
    • El valor predeterminado está seleccionado.

Pestaña Estilos styles-tab

El componente Imagen es compatible con el sistema de estilos de AEM.

recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c