-
Componentes
-
Módulos
Carrito
88
- Clases auxiliares
-
Componentes
- Nativos de Liferay
- Interacciones
- Campos de formulario
- Botones
- Interruptores
- Filtros
- Desplegables
- Filtro aplicado
- Pestañas
- Filtro pestaña
- Vista cuadrícula o listado
- Línea divisoria
- Navegación
- Contenido
- Composiciones de texto
- Encabezado
- Elementos tarjetas
- Tablas
- Etiqueta
- Etiqueta
- Cifras
- Ficha Bloque Descriptivo
- Indicador de nivel
- Bloque persona
- Enlaces
- Descarga de ficheros
- Indicador fecha
- Logotipos
- Bloque ficha técnica
- Tarjetas
- Basica
- Pictograma
- Apertura - Tarjetas Flexibles
- Recurso Gráfico Compacta
- Básica Mosaico
- Calendarizada
- Datos de contacto
- Logotipo o pictograma
- Compra
- Accesos
- Contenedor Tarjetas
- Datos publicación
- Alertas
- Fondo imagen
- Multimedia
- Agenda
- Mover elemento responsivo
-
Módulos
- Funcionales
- Tarjetas
- Actualidad
- Contenido relacionado
- Apertura - Tres Destacados
- Carrusel
- Mosaico
- Mapa
- Filtrado
- Localizaciones
- Entradas destacadas
- Distributiva old
- Calendarizada
- Distributiva
- Publicación
- Accion
- Banner - Accesos directos
- Suscripcion
- Banner AccesoDirecto Ilustración
- Banner acceso directo textura
- Banner-Encuesta
- Banner - Etiquetas
- Acción-Compra
- Contenido
- Contenido + imagen
- Ficha-ilustracion
- Ficha-desplegables
- Tablas
- Contacto
- Descargas
- Ficha pestañas
- Citas destacadas
- Tarjetas
- Tarjetas-Pictograma
- Contenido Cifras+Imagen
- Listado
- Contenido-Entidades
- Cifras
- Selector alfabético
- Apertura
- Tipos de visualización
Botón Lectura
El propósito de este componente es proporcionar un botón que activa la reproducción de contenido multimedia. Permite a los usuarios acceder de forma intuitiva a videos, audios u otros medios interactivos dentro de la página.
FRG_BotonLectura
Fragmento > Componentes - Multimedia > FRG_BotonLectura
Este componente multimedia permite crear botones interactivos personalizables que reproducen contenido multimedia. Ofrece múltiples estilos visuales, tamaños de reproductor y opciones de configuración de iconos.
- Tipo (type)
- Enlace: El botón abre un enlace externo
- Acción: El botón ejecuta código JavaScript personalizado
- Estilo (buttonType) - Aplica clases CSS para cambiar apariencia
- Primario: Botón principal, atrae más atención
- Secundario: Botón alternativo
- Terciario: Opción de menor jerarquía
- Elevado: Botón con efecto de sombra
- Enlace: Sin fondo, solo texto con icono
- Tipo de reproductor (playerType)
- Grande: Ventana de reproducción de gran tamaño
- Pequeño: Ventana de reproducción compacta
- Mostrar icono (iconDisplay) - Checkbox para mostrar u ocultar el icono
- Identificador de icono (iconId) - Consultar nombres en https://zeroheight.com/5db70e0be/p/11017a-iconografia
- Código JavaScript (script) - Solo se ejecuta si type=action. Ej: openModal()
Variantes
A continuación se muestran ejemplos de variantes del componente con diferentes estilos y configuraciones.
Estilo Primario con Icono
Botón de estilo primario con reproductor grande y icono visible.
Round Table - Women and Music
0:06
1:53
0:00
0:00