Como muchos ya conoceréis, el diseño responsivo consiste en adaptar automáticamente el tamaño y distribución de los elementos a mostrar en una página web, en función del tamaño y resolución de la pantalla del dispositivo desde el que se está visualizando dicha página. Esto nos permitirá acceder siempre a todo el contenido y funcionalidades de Odoo, ya sea desde un ordenador portátil, sobremesa, móvil o tableta digital.
En el artículo de hoy vamos a comprobar qué ventajas nos aporta el nuevo diseño responsivo de la interfaz web de Odoo V10. Las versiones anteriores de Odoo ya hacían gala de esta funcionalidad, y el nuevo diseño de Odoo V10 potencia aún más la usabilidad desde cualquier tipo de dispositivo.
Nuevo menú de aplicaciones: Todas las aplicaciones se agrupan en un desplegable desde el que podremos acceder ágilmente a todas las APPs que vayamos instalando.
Modulo OCA web_responsive
En el menú superior, se han colocado todos aquellos campos relativos a la aplicación en la que nos encontremos, antes mostrada en una columna en la izquierda de la vista. También se han sustituido el menu estatico vertical desplegable por uno dianmico horizontal en el que solo se mostraran los campos pertencecientes a este.
Búsquedas, filtros y agrupaciones: Otro cambio esta en la parte de la búsqueda, donde ahora los filtros quedan agrupados en un desplegable, ofreciendo las mismas funcionalidades sin comprometer el espacio disponible.
Cuando vamos a crear una pagina web, nos encontramos con el problema de formatear los tamaños de cada columna y fila que creamos dentro de nuestra vista. En el editor web de Odoo este problema desaparece, ya que todos los bloques que usemos para diseñar nuestra pagina están preparados para ser responsive con cualquier formato.
También con esta ultima versión, se ha actualizado el backend para que las vistas se adapten a cualquier formato de pantalla ya sea grande o pequeña. Así, cuando queramos visualizar algunas columnas, si la pantalla es demasiado pequeña, la vista se adaptará para seguir mostrando todas las columnas posibles sin eliminar ninguna de la vista.