Avance #40
Avance: Se modificó el diseño de la interfaz del usuario para que se asemeje más a la línea a la que apunta el estilo de la página con sus colores y demás. Se agregaron varios elementos. Entre ellos están el cambio de una fila completa al pasar el cursor por encima de la misma. Además, se le dio más contraste al encabezado de cada columna para que este destaque. Otro elemento que se agregó fue un panel lateral donde se pueden seleccionar filas de manera separada en la tabla de recibos pendientes al momento de pagar. Al ver la tabla de recibos por propiedad esta opción deja de mostrarse y solo estará disponible al momento de pagar.
Problemas: Las columnas tenían el texto a la izquierda y se veía desordenado en general. Los checkboxes se marcan pero no se pueden desactivar una vez que se le dio click. En estos casos esto no debe suceder porque hasta que no presione el botón de pagar o arreglo de pago nada sucederá.
Solución: Se aplicó un justificado del texto dentro de las celdas y en los títulos de las columnas para mantener el orden. Esto se consiguió aplicando un "text-align: center" dentro del estilo de tanto la cabecera. Para el cambio de color de la fila se utiliza un .rows:hover con color de fondo y coloro del texto. Se solucionó el problema de los checkboxes con un simple cambio en el codigo .aspx modificar el elemento que se usaba para la selección. Ahora se usa un solo CheckItem en vez de RadioButtonList.
Luego de ajustados estos detalles se modificaron los colores y se buscaron paletas que fueran acorde. Para las filas se escondieron las líneas que las dividen. Esto para agregar un aspecto minimalista
Consejos: El RadioButtonList no es muy buena idea emplearlo en tablas ya que se habla de un conjunto de opciones y es mejor agregar elementos por separados para que sea más eficiente y menos pesada la página
Horas: 2
Comentarios
Publicar un comentario