-
Componentes
-
Módulos
-
Tipos de visualización
- 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
Desplegables
Son elementos de interfaz que permiten mostrar opciones adicionales de manera compacta. Sirven para organizar y ahorrar espacio, permitiendo a las personas usuarias, acceder a más contenido o funcionalidades sin sobrecargar la pantalla. Son útiles en menús, formularios y listas, ya que facilitan la navegación y mejoran la experiencia al ofrecer opciones de forma ordenada y accesible.
FRG_DesplegableFlotante
Fragmento > Componentes - Interacciones > FRG_DesplegableFlotante
- Tipo de panel (Anchura del panel colapsable)
- Mostrar al mantener el cursor (El panel se mostrara al pasar el cursor por encima del botón)
- Mantener el panel abierto en el modo edición (Para facilitar el trabajo de edición)
FRG_FiltroDesplegableConOpciones
Fragmento > Componentes - Interacciones > FRG_FiltroDesplegableConOpciones
- Icon Display (Mostrar icono)
- Icon ID (Identificador del icono, consultar nombres en iconografia)
- Tipo de opciones (Para seleccionar entre una de las opciones o varias)
- Número de opciones
- Mostrar al mantener el cursor (El panel se mostrara al pasar el cursor por encima del botón)
- Mantener el panel abierto en el modo edición (Para facilitar el trabajo de edición)
FRG_Desplegable
Fragmento > Componentes - Interacciones > FRG_Desplegable
- Icon Display (Mostrar icono)
- Icon ID (Identificador del icono, consultar nombres en iconografia)
- Tipo de opciones (Para seleccionar entre una de las opciones o varias)
- Número de opciones
- Mostrar al mantener el cursor (El panel se mostrara al pasar el cursor por encima del botón)
- Mantener el panel abierto en el modo edición (Para facilitar el trabajo de edición)
FRG_DesplegableContenidos
Fragmento > Componentes - Interaccion > FRG_DesplegableContenidos
Organiza y muestra información de manera compacta al expandir o colapsar secciones de contenido. Mejora la legibilidad y accesibilidad de grandes volúmenes de información, permitiendo reducir el desplazamiento vertical de la página.
Tiene compatiblidad con el modo oscuro que normalmente se activa con un contenedor que tenga la clase "block-dark-mode".
Para cambiar entre sus diferentes variantes haremos usos de sus opciones generales
- Icon ID (Identificador del icono, consultar nombres en iconografia)
- Enumeración (Para mostrar la enumeración)
- Número de collapsables a mostrar
- Mostrar al mantener el cursor (El panel se mostrara al pasar el cursor por encima del botón)
- Mantener el panel abierto en el modo edición (Para facilitar el trabajo de edición)