Modificar el aspecto visual (HBS)

Ahora que los componentes del sistema de comentarios personalizado del directorio de aplicaciones (/apps?lang=es) están instalados, con un resourceSuperType que hace referencia al sistema de comentarios predeterminado y al modelo/vista personalizado registrado, es posible modificar la implementación.

Para una demostración sencilla, se elimina una característica visual, el avatar que se muestra del usuario que ha iniciado sesión y que publica un comentario.

Modificación de los scripts HBS

Uso de CRXDE Lite:

• Abrir /apps/custom/components/comments/comment/comment.hbs

  • Comente la etiqueta que incluye el avatar para una publicación de comentario (~ línea 21):

      <!--
       <<img class="scf-comment-avatar {{#if topLevel}}withTopLevel{{/if}}" src="{{author.avatarUrl}}"></img>
       -->
    

• Abrir /apps/custom/components/comments/comments.hbs

  • Convierta en comentario la etiqueta que incluye el avatar para la siguiente entrada de comentario (~ línea 44):

      <!--
       <img class="scf-composer-avatar" src="{{loggedInUser.avatarUrl}}"></img>
       -->
    

• Seleccionar Guardar todo

Replicar aplicación personalizada

Una vez modificada la aplicación, es necesario volver a replicar el componente personalizado.

Una forma de hacerlo es:

• Desde el menú principal

  • Seleccionar Herramientas > Operaciones > Replicación.
  • Seleccionar Activar árbol.
  • Establecer Start Path hasta /apps/custom.
  • Anular selección Solo modificadas.
  • Seleccionar Activar botón.

Ver comentario modificado en la página de muestra publicada

Continuación de la experiencia en la instancia de publicación, que aún tiene la sesión iniciada por el mismo usuario, ahora es posible actualizar la página en el entorno de publicación para ver la modificación y eliminar el avatar:

Paquete de extensiones de comentarios de muestra

Se adjunta un paquete de la aplicación de comentarios personalizados creada en este tutorial.

Obtener archivo

Recursos de Business.Adobe.com

Personalized Communications Embedded Charts Responsive Forms Web Content Management Dynamic Forms Digital Signage