Mostrar los tags: grid

Los Grid son tan potentes como 'animalitos salvajes' que a veces hay que 'domesticar'.

Mostrar las columnas de un modo visualmente agradable cuando el Grid cambia de ancho suele ser un 'caballo de batalla' muy consultado en la web.

Yo personalmente no uso la opción de 'autosizing' de las columnas habida cuenta de que no hay un control sobre la longitud máxima/mínima en función de los datos actuales (que pueden variar)

En su lugar lo que hago es ajustar tamaños a proporciones lógicas (es habitualmente más largo un nombre y apellidos que una ciudad.. por ejemplo ) y en caso de maximizado, minimizado,
redimensión del form... cambiar el tamaño de las columnas de un modo proporcional al original.

Queda visualmente muy agradable, porque puedes incluso redimensionar el formulario arrastrando y los anchos de columna parecen "flotar" para acomodarse.

Además, no implica esfuerzo en programación apenas (es básicamente un método que hay que Pegar en tu formulario, y dos llamadas)


Como usarlo:


Es realmente muy SIMPLE y requiere tres pasos básicos.

1. En el "Form", crear y pegar el contenido del método "redimension"


2. En el INIT del Form, por ejemplo, cuando ya has hecho carga y muestra del grid, llamar al método con:

THISFORM.REDIMENSION('Nombre del Grid',1)

Este proceso guarda la proporcion relativa al ancho de Grid de cada una de las columnas. Puedes hacer esto para tantos Grid como haya en el Form.

3. En el RESIZE del propio Grid, llamar al método que recalcula el nuevo ancho de cada columna ante cualquiercambio de tamaño, con:

THISFORM.REDIMENSION(THIS.NAME,2)

Obviamente este método se dispara sólo cuando el Grid se redimensiona, con lo que la propiedad 'anchor' del Grid debe ser tal que cambie su anchura cuando la del Form contenedor lo haga.

Y... ¡ nada más !

Nota: El ZIP es muy ligero. Te invito a bajarlo y ejecutar un pequeño vídeo con su funcionamiento.

Este es un código sencillo que sirve como ejemplo de como se puede usar un DatagridView en vez de un comboBox, con el fin de tener un mejor panorama de los datos que se manejan, ya que el combobox es muy limitado y en el DataGridview se puede ve datos multiples como en este caso que se carga Código, apellidos y nombres.

Amigos de la Comunidad espero que les guste y que sea de gran utilidad para implementarlo en sus proyectos, sobre todo las personas que inician en este mundo de la programación

Suelto lastre (cercano a mi deseado retiro en lo laboral ) y dejo caer una "herramientilla" que no por básica deja de tener su interés (creo).

Cuando trabajamos varias personas en un proyecto, o aprovechamos "código de aquí para allá" o simplemente nos planteamos un cierto cambio visual en los Grid (puede que el objeto más presente en nuestros formularios), se hacía interesante poder cambiar determinadas propiedades del aspecto visual en modo batch. En nuestro caso siempre era el aspecto en cuanto al color resaltado de la línea en curso, el color de las líneas...etc. Básicamente para conseguir una cierta... uniformidad en las pantallas de todo un proyecto.

Así que decidimos trabajar con los Grid con sus parámetros por defecto, sin andar preocupados de valores RGB y hacer una utilidad que abriera el SCX (como tabla) y los cambiase. Despues aparecieron otros parámetros interesantes para dar esa uniformidad a todos los Grid de las ventanas de un proyecto y aparecieros nuevas variables (de altura de filas...).

Al final, siempre alguien olvidaba insertar el icono de la aplicación en el screen y se decidió incluir tambien este cambio que afecta ya no a Grid, sino a Formulario. Haciendo este cambio, se detectó que en ocasiones en las propiedades del formulario se quedan "Propiedades nulas", esto es: propiedades del tipo "Propiedad=" sin valor alguno.Limpiarlas mejora la percepción en el diseñador de formularios (porque no se ven en negrita no teniendo valor) y en la totalidad de un proyecto, elimina algunos bytes...

El proceso intenta no romper nada. Por ejemplo, no altera los colores si está permitida la selección individual de celda en un Grid.

Los parámetros a cambiar son seleccionables.

Nunca hemos sufrido pérdida alguna, pero como comprenderéis es absolutamente aconsejable que hagais una copia de vuestros Proyecto previo a los cambios.

Espero que os pudiera ser útil.

Contiene ejemplos con imágenes incluidas y distribuidas en GRID responsive, adaptable.
Esta versión incluye tres variantes del script. Puedes elegir la opción más adecuada a tu proyecto.

Cambia el número de columnas y tamaño del contenido del GRID con JavaScript compatible.

Origen de las imágenes: https://pixabay.com/

Espero sea útil.

Un saludo

Grid Foto Simple es un diseño responsable y compatible con cualquier navegador web y/o dispositivo compatible. Su funcionamiento es muy sencillo y no precisa librería alguna. Está basado en JavaScript y CSS nativos. Al pulsar en una imagen, ésta se posiciona en primer plano y se adapta a la resolución de la pantalla. Al clicar en la imagen ampliada, retorna al inicio donde están todas las imágenes distribuidas en Grid Responsive.

Espero sea útil.

Este código muestra como centrar un elemento verticalmente y horizontalmente utilizando el display:grid

Este código muestra como mostrar el contenido de una base de datos de Access en un grid sin que se desconfiguren las columnas y permitiendo hacer búsquedas en su contenido.

Programa para gestionar los exámenes de un semestre o de un curso.
Ejemplifica el uso de MySql server.
Permite guardar datos en la base de datos.
Debe restaurar la copia de seguridad de la base de datos.

Para cuando das clic en una celda con check y no pasa nada, es porque hay que decirle actualizate

Código para dividir en secciones proporcionales la zona visible del navegador web. Sólo precisa unas líneas de CSS y HTML. No utiliza Tablas.

Es compatible, responsable, simple, etc.

Un saludo