Etiquetas de texto de los botones de acción
Ver: Ver el código fuente en el sitio de demostración del libro de recetas de CONTENTdm.
Esta personalización se inspira en una originalmente desarrollada por Jennifer Howard de la Universidad de Enfermería Frontier.
CONTENTdm utiliza botones basados en íconos para las funciones de expandir, descargar e imprimir en las páginas de vista de documentos. Los íconos utilizados provienen del conjunto de íconos de Font Awesome, que se utiliza ampliamente en los sitios web modernos, pero la función asociada no es inmediatamente evidente para todos los usuarios. Esta receta demuestra una manera de insertar etiquetas de texto junto a los iconos.
Una consideración con esta personalización es que usted insertará texto de la interfaz de usuario a través de CSS en lugar de utilizar las funciones de localización de idiomas de CONTENTdm. Esto significa que solo admitirá un único idioma y el texto no cambiará si los usuarios seleccionan un idioma diferente.
Debido a que la inserción de etiquetas de texto aumenta considerablemente el ancho de cada botón, estos no caben en pantallas más pequeñas (como teléfonos móviles) sin ajustarse a una nueva línea. Por esta razón, esta personalización está configurada para mostrar las etiquetas «Descargar» e «Imprimir» solo en pantallas más grandes. La etiqueta «Expandir» se muestra en todos los tamaños de pantalla.
Modificando esta personalización
La personalización principal mencionada anteriormente coloca las etiquetas de texto a la derecha del icono. Es muy sencillo modificar el CSS para colocar el texto a la izquierda del icono. El enlace a continuación muestra ese CSS alternativo.
Ver: Ver el código fuente.
Esta receta separa la inserción de texto en reglas distintas para cada botón. Si solo desea utilizar una o dos de las inserciones de texto, elimine o comente las que no desee que aparezcan.