-
Componentes
-
Módulos
-
Tipos de visualización
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
Fondo imagen
El proposito de este componente es facilitar el diseño de los elementos con fondos de imagen sin la necesidad de maquetación
FRG_FondoImagenResponsiva
Fragmento > Componentes > FRG_FondoImagenResponsiva
Será necesario que el componente tenga algo en su interior que ocupe espacio, si no no podremos ver la imagen de fondo, para la documentación se ha usado contenedores en su interior fijandoles una altura de 300px
- Imagen
- Repetir
- No repetir
- Repetir
- Repetir en X
- Repetir en Y
- Posición
- Arriba a la izquierda
- Arriba al centro
- Arriba a la derecha
- Centro a la izquierda
- Centro
- Centro a la derecha
- Abajo a la izquierda
- Abajo al centro
- Abajo a la derecha
- Tamaño de la imagen
- Desplazar la imagen horizontalmente
- Desplazar la imagen Verticalmente
- Ocultar en móvil
Variantes
Debido a la versatilidad del componente mostramos solo algunas de sus posibles variantes.
Como podemos observar existen multidud de combinaciones.