Cuáles son los componentes o elementos funcionales de las Vistas de lista?

En este tutorial conocerás todos los elementos que componen una vista de lista y para qué se usa cada uno de ellos.

Cuáles son los componentes o elementos funcionales de las Vistas de lista?

La Plataforma de Automatización y Gestión de Empresas de EGA Futura, es un sistema de gestión empresarial en la nube, desarrollado por EGA Futura y potenciado por la infraestructura técnica de Salesforce Inc. EGA Futura permite centralizar todos los procesos de una empresa en una única plataforma fácil de usar, con aplicaciones inteligentes y adaptadas a las necesidades de cada organización.
🎓Tutorial actualizado en
2024
»
Interfaz de la Plataforma EGA Futura
En este tutorial conocerás todos los elementos que componen una vista de lista y para qué se usa cada uno de ellos.
Pulsa este botón para ver las imágenes incluidas en este tutorial (en una nueva ventana) 📷Abrir video en YouTube

¿Qué elementos funcionales forman parte de las vistas de lista?

Las Vistas de lista se encuentran en la página de inicio de cada uno de los objetos en todas las aplicaciones de la plataforma. 

Una vista de lista es una herramienta de la interfaz de usuario que permite mostrar un grupo de registros de la base de datos en una sola página.

En esa página hay mucha funcionalidad que permite interactuar con las distintas listas y los registros que las componen.

En la siguiente imagen vemos, señalada en colorado, una Vista de lista, en este caso, del Objeto Cuentas:

Vista de lista objeto cuentas EGA Futura ERP nube
Esta vista de lista es del tipo tabla o cuadrícula de registros

Entre los elementos de las vistas de lista que ejecutan toda esa funcionalidad se encuentran los que vamos a enumerar y describir a continuación.

Icono del objeto y Nombre del objeto

La lista que se visualiza forma parte, y contiene registros, de uno de los objetos de la plataforma.

La vista de lista es la página de inicio del objeto seleccionado.

El objeto al que pertenece la lista tiene un nombre y un icono característico.

Encontramos estos dos elementos en el borde superior izquierdo de la página de la vista de lista.

Informan el objeto del que forman parte los registros de la Vista de lista.

En la siguiente imagen vemos numerados los elementos mencionados, Nombre del objeto (1) e icono del objeto (2):

Nombre icono objeto Vista lista EGA Futura ERP nube
Nombre e icono del objeto al cual pertenece la vista de lista

Nombre de la lista

En un sector destacado, en el borde superior izquierdo de la página, podemos leer el nombre de la lista que se está visualizando en la página.

Se sugiere que, al crear una nueva lista, se elija un nombre de lista lo suficientemente explícito para tener claridad acerca de los registros que la componen.

En la imagen vemos con el número (1) el nombre de la Lista que se visualiza en la página del objeto.

Con el número (2) vemos los nombres de cada una de las listas disponibles en el menú de listas para el objeto:

Nombres vistas lista menu EGA Futura ERP nube
Los nombres de las listas debe expresar claramente de qué se trata el contenido de cada lista

Flecha o selector de Vista de lista

Es un botón con forma de flecha ubicado a la derecha del nombre de la lista.

Al darle clic a ese botón se activa un menú desplegable donde se puede seleccionar alguna de todas las listas disponibles para el usuario como se ve en la siguiente imagen:

Boton flecha selector despliega menú vista lista EGA Futura ERP nube
Presionando el botón selector de listas se despliega el menú de listas disponibles en ese objeto para el usuario
No todos los usuarios tienen acceso a todas las listas.

Un usuario tendrá acceso a las siguientes listas:

  • Vistas de lista propias, es decir creadas por el mismo usuario.
  • Vistas de lista que hayan sido compartidas a grupos de usuarios a los que pertenece. (No son grupos de Chatter)
  • Vistas de lista públicas es decir, que son visibles para toda la compañía.

Menú de listas

Es el menú que se despliega al presionar el botón selector de vistas de lista con forma de flecha.

En este menú aparecen todas las listas disponibles para el usuario
Un usuario tendrá acceso a listas propias, es decir, creadas por el mismo, a las listas de sus grupos de usuarios y a las vistas púbicas.

Se sugiere crear listas con nombres claros para que tiempo después de creadas no queden dudas sobre el uso que se quiere dar a esa lista.

En la siguiente imagen vemos el menú disponible para un usuario en particular:

Menu desplegable vistas listas disponibles EGA Futura ERP nube
El menú de listas se despliega al presionar el botón selector de listas

Botón de anclaje de lista

Está ubicado a la derecha del nombre de la lista y tiene un icono con la forma de un alfiler.

Ese botón se usa para anclar o desanclar una lista en la página de inicio del objeto.

Cada vez que se ingresa a un objeto aparece una lista de forma predeterminada como página de inicio de ese objeto
Algunas formas de ingresar a la página de inicio de un objeto son usando la pestaña de la barra de navegación o buscando el nombre del objeto en el buscador del iniciador de aplicación.

La lista que se encuentra anclada a la página de inicio del objeto tiene, a la derecha de su nombre, el ícono de un alfiler en posición vertical y de color azul.

En la siguiente imagen de ejemplo vemos el botón de anclaje de color azul, indica que es la lista anclada como predeterminada para la página de inicio del objeto Tareas de proyecto:

Boton anclaje vista lista anclada EGA Futura ERP nube
Lista anclada

Todas las otras listas que no están ancladas a la página de inicio del objeto, al ser seleccionadas, al lado de su nombre tienen el ícono de un alfiler en posición inclinada y de color gris.

Vemos el botón gis en la siguiente imagen, indica que la vista que visualizamos en este ejemplo, no es la que aparece de forma predeterminada al ingresar al objeto Cuentas:

Boton anclaje alfiler vista lista NO anclada EGA Futura ERP nube
Botón alfiler inclinado y de color gris para una lista que no es la predeterminada para la página de inicio del objeto

Cómo anclar una lista?

Para definir una lista como predeterminada en la página de inicio de un objeto, hay que seguir estos pasos:

  1. Seleccionar la lista del menú de listas.
  2. Una vez que se ingresó a la lista, simplemente hay hacer clic sobre el botón de color gris y quedará activado de color azul.

De esta forma habrá quedado anclada la lista seleccionada a la página de inicio del objeto.

Lista de Vistos recientemente

Predeterminadamente en los objetos de la plataforma, viene anclada la lista de registros Vistos recientemente.

Es importante recordar este dato para no pensar que la lista que estamos viendo cada vez que ingresamos a un objeto contiene pocos registros o menos registros de los habituales, imaginando apresuradamente que se trata de alguna pérdida de datos.

Vistos recientemente es una lista disponible de forma predeterminada en todos los objetos de todas las aplicaciones de la plataforma
La lista de registros Vistos recientemente contiene menos funcionalidad que todas las otras listas. 

Algunas acciones están restringidas en la lista de Vistos recientemente:

Vista de lista Vistos recientemente tiene funciones deshabilitadas no disponibles EGA Futura ERP nube
La lista de vistos recientemente tiene alguna funcionalidad deshabilitada

Vistos recientemente es una lista que solamente está pensada para acceder rápidamente a los registros en los que se estuvo trabajando recientemente y no para que se realicen trabajos o acciones sobre los registros directamente sobre la lista. 

Por eso se recomienda que las interacciones sobre los registros se hagan usando las otras listas.

Barra de acciones

Está ubicada en el borde superior derecho de la vista de lista.

La barra de acciones está compuesta por una serie de botones en fila, vínculos y si el espacio no fuera suficiente, además puede contener un menú de desbordamiento de acciones.

Veamos a continuación la ubicación de la barra de acciones:

Barra de acciones vista de lista EGA Futura ERP nube
La barra de acciones está compuesta por una serie de botones de la Vista de lista

En la siguiente imagen se muestra un menú de desbordamiento de acciones, en este ejemplo no corresponde a una vista de lista sino a un registro, pero sirve como ejemplo para ver un botón de menú desbordante:

Menu de desbordamiento de acciones EGA Futura ERP nube
Ejemplo de menú de desbordamiento de acciones en la barra de acciones de un registro de la plataforma
Los componentes de la barra de acciones sirven para realizar acciones a nivel de objeto.

Que tanto los botones, como los vínculos o las opciones del menú desbordante de la barra, realicen sus acciones a nivel objeto, significa que sus efectos se ejecutan:

  • Sobre la lista completa de registros que se visualizan
  • O sobre los registros que se encuentren seleccionados en la vista de lista.
Acciones sobre registros seleccionados en la vista de lista EGA Futura ERP nube
Ciertas acciones se pueden ejecutar sobre algunos registros seleccionados de la lista

Botones de la barra de acciones

Algunos botones que pueden visualizarse en una Vista de lista según el objeto donde se esté trabajando son:

  • Nuevo: Para crear un nuevo registro dentro del objeto en la base de datos.
  • Importar: Permite iniciar la importación de nuevos registros a la base de datos.
  • Enviar correo electrónico de lista: Se encuentra en las listas del objeto contactos y permite realizar envíos masivos de email.
  • Versión para imprimir: Abre una nueva pestaña conteniendo todos los datos de la lista en forma de tabla para simplificar el formato en las páginas que se van a imprimir. Tiene un campo para seleccionar la cantidad de registros a incluir en la impresión.
  • Cambiar propietario: permite asignar la propiedad de un registro a otro usuario. También se puede aplicar esta acción sobre varios registros que hayan sido seleccionados activando la casilla de selección de cada uno.
  • Menú de desbordamiento de acciones: es un botón en forma de flecha que aparece en último lugar en el extremo derecho de la hilera de botones. Al presionar este botón se despliega un menú y aparecen como opciones las acciones que por cuestiones de espacio en la interfaz de usuario no pueden aparecer como botones.
La ausencia de vínculos o botones mencionados o la presencia de alguno no mencionado, depende de las funciones activadas para cada compañía y la funcionalidad disponible según cada objeto.

En la siguiente imagen de ejemplo vemos señalados los botones que forman parte de la barra de acciones en una Vista de Lista de Activos fijos:

Barra de acciones botones Vista de lista EGA Futura ERP nube
Barra de acciones de una Vista de lista del Objeto Activos fijos

Búsqueda en la vista de lista

En el sector superior derecho de cada lista hay un cuadro de búsqueda con el dibujo de una lupa en su interior, es la barra de búsqueda de la vista de lista.

Lo vemos señalado en la siguiente imagen:

Cuadro busqueda vista de lista EGA Futura ERP nube
Campo de búsqueda de una Vista de lista

Este cuadro se usa para buscar valores o datos contenidos en los registros que forman parte de la lista.

En algunos campos no se puede buscar.

Cada vista de lista tiene campos que no admiten búsqueda

Se mostrará una sugerencia de ayuda a nivel campo, como un globo azul emergente al seleccionar (dar clic) dentro de la barra de búsqueda para indicar los campos que no admiten búsquedas.

Lo vemos en esta imagen:

Barra de busquedas Vista de lista indica los campos que no admiten busquedas
Ayuda contextual al hacer clic sobre el campo de búsqueda anuncia los campos que no son compatibles en esa lista

Al escribir como mínimo dos caracteres para la búsqueda y presionar la tecla enter (intro) se realizará un filtrado de elementos de la lista.

Como resultado de la búsqueda quedarán en pantalla solamente las filas de la lista con los registros que contienen en algún campo los caracteres solicitados en el buscador.

Ortografía en los términos de búsqueda

Para desactivar la corrección ortográfica en los términos de búsqueda, es necesario encerrar la palabra o término que se desea excluir de la corrección ortográfica entre comillas.

Desactivar correccion ortografica en terminos de busqueda Vistas de lista
Escribiendo un término entre comillas se omite la corrección ortográfica para la búsqueda

Tenemos un completo tutorial sobre búsquedas en Vistas de lista.

Menú controles de vista de lista

Tiene un icono con el dibujo de un engranaje.

Es el botón que vemos señalado en esta imagen:

Menu controles de Vista de lista EGA Futura ERP nube

Al activarlo se despliega un menú con opciones de acciones para realizar sobre la vista de lista que se está visualizando.

Los cambios que se apliquen van a tener efecto exclusivamente sobre la lista donde se está trabajando.

En la próxima imagen encontramos señalado al menú controles de vista de lista con la opciones desplegadas:

Menu controles boton engranaje Vista de lista EGA Futura ERP nube
Se despliega un menú de selección de acciones que tienen efecto sobre la vista de lista

Las opciones básicas del menú controles permiten crear, compartir, eliminar y modificar la vista de lista del el objeto.

Nombre de algunas opciones:

  • Nuevo (Crear nueva lista).
  • Duplicar la lista.
  • Cambiar nombre de la lista.
  • Configuración de colaboración: para establecer si la lista será privada, pública o con cuál grupo de usuarios se comparte.
  • Modificar filtros de la lista: para establecer los criterios que deben cumplir los registros para formar parte de la lista.
  • Seleccionar los campos que se visualizarán: permite seleccionar los campos de registro que se van a visualizar como tales en una lista de registros dividida o cada campo como una columna en una lista tipo tabla.
  • Eliminar lista.
  • Restablecer la anchura de las columnas: en el caso de que se haya modificado el ancho de las columnas pinchando y arrastrando los bordes de cada columna, esta opción permite restaurar el ancho a su tamaño original.
La opción de menú Duplicar lista es fundamental para crear una nueva lista privada en base a una lista existente.

Duplicar Vistas de lista

Se sugiere, como buena práctica, no modificar las listas públicas. No cambiar sus filtros ni cambiar las columnas.

Si alguna de las listas públicas o compartidas, resulta de gran utilidad para trabajar, se recomienda duplicarla aprovechándola como base para crear una lista propia usando el botón Duplicar o la opción del menú controles llamada Duplicar lista.

Tenemos un tutorial que enseña a duplicar Vistas de lista para usarlas como modelo para crear listas propias.

Luego en esa nueva lista se podrán establecer las modificaciones de filtros y columnas necesarias para trabajar en forma privada sobre esa lista.

Selector de presentación

Tiene un icono con el dibujo del esquema del formato de lista elegido: tabla, vista dividida o tablero de tarjetas.

Vemos el botón Selector de presentación y el menú de tipos de formato de Vista de lista disponibles en la siguiente imagen:

Boton selector de presentacion tipo Vista de lista EGA Futura ERP nube
En el menú se debe seleccionar el formato de vista de lista que se quiere ver

Es el botón que permite intercambiar el tipo o formato de vista de lista entre tabla, vista dividida o tablero Kanban, es decir permite cambiar la forma en la que se distribuyen los registros de la lista en la página.

Los registros que contiene cada Vista de lista son los mismos sea cual sea el formato elegido.

Botón Actualizar

Tiene un icono con el dibujo de una flecha curva.

Permite actualizar los datos de los campos de los registros de la base de datos que hubieran podido ser modificados en el lapso de tiempo que estuvimos trabajando.

Si los campos de la vista de lista sufrieron modificaciones, luego de presionar el botón Actualizar, mostrarán los datos más recientes

Este botón actualiza rápidamente solamente los valores de la Vista de lista sin necesidad de actualizar la pestaña del navegador para refrescar datos lo cual demandaría mayor tiempo y capacidad de procesamiento.

Es el botón que vemos señalado en la imagen a continuación:

Boton actualizar vista de lista EGA Futura ERP nube
Botón actualizar Vista de lista

Botón Modificar

Tiene el icono de un lápiz.

Permite modificar valores de los campos en línea.

Es el botón que vemos señalado en la próxima imagen:

Boton modificar Vista de lista EGA Futura ERP nube
Modificar Vista de lista

Al presionar el botón, el cursor se posiciona en el primer campo editable (1), el cual aparece disponible en modo edición para poder modificar el valor que contiene dicho campo.

Con la tecla tabulador del teclado se puede recorrer en forma ordenada los siguientes campos editables y así recorrer toda la tabla:

Boton modificar Campo editable dentro de una Vista de lista EGA Futura ERP nube
Al presionar el botón Modificar el cursor se ubica dentro del primer campo editable

¿Cómo identificar un campo editable dentro de una Vista de lista?

En los campos que son editables, cuando son sobrevolados con el puntero del mouse, aparece un botón con un ícono con figura de un lápiz.

Botón Gráfico

Tiene un icono con el dibujo de un gráfico de torta.

Es el botón que vemos en el recuadro de la siguiente imagen:

Boton grafico abre el panel configuracion grafico EGA Futura ERP nube
Al presionar el botón Gráfico se abre el panel de configuración de gráficos

Permite editar los criterios a tener en cuenta para generar gráficos automáticos a partir de los datos de los registros contenidos en la lista.

También sirve para elegir entre los distintos tipos de gráfico existentes.

El tipo de gráfico y las preferencias en cuanto a los parámetros del gráfico se seleccionan desde el menú de opciones (2) que se despliega al presionar el botón Configuración de gráfico (1) que encontramos dentro del panel de gráfico.

Vemos los elementos numerados indicados en la siguiente imagen:

Menu configuracion grafico Vista de lista EGA Futura ERP nube
Menú configuración de gráfico de la Vista de lista

Botón Filtro

Tiene un icono con el dibujo de un embudo.

Abre un panel para filtrar los resultados de la vista de lista, es decir, aplicar criterios para incluir o excluir registros en la lista.

Boton filtro Vista de lista abre panel de filtro EGA Futura ERP nube
Botón filtro abre el panel de filtros de Vista de lista

Lista de registros

Después del conjunto de controles que hemos mencionado recién aparece la lista, que es una tabla o cuadrícula de registros que permite la modificación de campos en línea. 

Filas de la tabla

Cada fila contiene los datos de uno de los registros de la base de datos correspondiente al objeto al cual pertenece la lista.

Por ejemplo, si se está dentro del objeto Contactos, cada fila de la tabla corresponde a los datos de un contacto.

Cada fila muestra los datos de un solo registro que forman parte de la vista de lista:

Fila de tabla en vista de lista EGA Futura ERP nube
Fila de tabla en una vista de lista corresponde a un registro

El grupo de registros que forman parte de la lista se establece ajustando los filtros de la vista de lista, desde el menú controles o desde el botón con forma de embudo.

Columnas de la tabla

Cada columna de la tabla corresponde a un campo dentro del registro. 

La columna agrupa los diversos valores que presenta cada registro para ese campo.

Entre las columnas y las filas quedan delimitadas celdas donde se muestran los valores contenidos en los campos de los registros.

En la siguiente imagen está señalada una de las columnas de la tabla:

Columna de tabla en vista de lista EGA Futura ERP nube
Columna de la Vista de lista

El ancho de las columnas se puede modificar pinchando y arrastrando los límites izquierdo y derecho de la fila del encabezado donde están los nombres de las columnas.

El nombre de la columna es el nombre del campo dentro del registro

En el sector derecho de encabezado de cada columna hay un botón que permite acomodar el texto de cada celda, lo vemos señalado en la imagen:

Ajustar texto contenido columna de tabla en vista de lista EGA Futura ERP nube
Ajuste de texto al ancho de la columna

El grupo de campos de los registros que forman parte de la lista, es decir, las columnas, así como el orden en el que se muestran esas columnas se establece editando esas preferencias, desde el menú controles (engranaje).

Tenemos un completo tutorial que explica cómo aplicar filtros y elegir las columnas de una vista de lista.

Celda de la tabla o campo del registro

Cada una de las celdas muestra el valor contenido en un campo del registro ubicado en esa fila.

El nombre del campo se visualiza en el encabezado de la columna.

Al sobrevolar cada celda con el puntero del mouse se logra visualizar un ícono que indica las posibilidades de interactuar con ese campo del registro desde la misma lista.

En los campos editables, cuando son sobrevolados con el puntero del mouse, aparece un botón con un ícono de un lápiz, en los campos no editables aparece un candado cerrado.

El ícono con forma de lápiz

Indica que el campo permite in-line edit (edición en línea) desde la vista de lista (1).

Edición en línea o in-line edit quiere decir que dando clic sobre el campo se podrá modificar la información que contiene directamente desde la lista.

El ícono con el dibujo de un candado cerrado

Indica que el dato contenido en ese campo no puede ser modificado (2).

Así los vemos numerados en la siguiente imagen:

Campo editable y no editable Vista de lista EGA Futura ERP nube
Campo editable tiene el icono de lápiz y campo no editable tiene el icono de candado cerrado

Vínculos en las celdas de la tabla

Cuando la información del campo contiene un vínculo o link, indica que ese enlace podrá ser activado directamente desde la lista.

Aquellas celdas o campos con información que contiene un vínculo asociado, son interactivos, es decir, su funcionalidad se puede activar dando clic sobre el vínculo. 

En la siguiente imagen vemos un ejemplo.

Con el número (1) está señalado el vínculo email de un campo del registro contacto y al presionarlo se abre la ventana para editar un correo electrónico que podrá ser enviado directamente al contacto:

Valores con vinculo en celda tabla vista de lista EGA Futura ERP nube
Campo que contiene un vínculo que se activa directamente desde la celda de la Vista de lista

Algunos ejemplo de campos con vínculos son:

  • Nombre del contacto: Si el dato que contiene la celda es el nombre del contacto, presionando el link que contiene ese nombre, se accede directamente al registro de ese contacto.
  • Email: Si el dato que contiene el campo es una dirección de correo electrónico, presionando ese vínculo se abrirá una ventana para escribir un email directamente a ese contacto.
  • Campo relacionado: Si el dato que contiene la celda es el de una cuenta, es un campo relacionado y si damos clic al vínculo que existe sobre el nombre de la cuenta, se navegará directamente al registro de esa cuenta o empresa.
Un campo relacionado contiene información que proviene de otro objeto da la plataforma y provee un vínculo a uno de los registros de ese otro objeto.

Casilla de selección

Está ubicada en el extremo izquierdo de la fila de cada registro.

Sirve para seleccionar uno o varios registros y realizar acciones sobre los registros marcados usando los botones de acción.

Por ejemplo es posible enviar correos electrónicos de lista solamente a los contactos seleccionados.

Lo vemos en la siguiente imagen señaladas con el número (1).

Menú de acciones sobre registros 

Es un botón con forma de flecha ubicado en el extremo derecho de cada una de las filas de registros.

Al presionarlo se despliega un menú de acciones que se pueden realizar exclusivamente sobre ese registro directamente desde la vista de lista.

Lo vemos en la siguiente imagen señaladas con el número (2).

Casilla seleccion y menu acciones Vista de lista EGA Futura ERP nube
Casilla de selección y Menú acciones sobre registros de la Vista de lista

Uso del teclado para interactuar con la tabla

Es posible interactuar con la tabla usando el teclado. 

Presionando la tecla enter o intro se ingresa en la tabla 

Tabulador y flechas

Pulsando la tecla tabulador o flechas del teclado se recorre en orden cada uno de los elementos, con la tecla enter se activan los vínculos de los campos, con las flechas del teclado se recorren las opciones de menú y para activar las opciones se usa la tecla enter.

Los botones Modificar con el dibujo de un lápiz que figuran en el interior de algunos campos de la tabla indican que se puede editar el valor contenido en el campo. 

Enter o intro

Con la tecla enter se activa el mencionado botón Modificar para cambiar los valores de los campos. 

Escape

Si se ha realizado alguna modificación, presionando la tecla Escape se sale de la tabla.

Luego de haber editado información, presionando la tecla del tabulador se accede a los botones Guardar y Cancelar que permite registrar esos cambios en la base de datos.

Transcripción del video ⌨️

Te recomendamos ver

# 1
Estamos en el Puesto 1 en Softonic desde hace nueve años ininterrumpidos
24x7
Desde nuestra plataforma ofrecemos soporte técnico todos los días
+60.000
Más de sesenta mil PyMEs implementan nuestro software todos los años
1994
Desde hace más de 30 años potenciamos a las Empresas de Iberoamérica