Col y Colspan
Por defecto Odoo utiliza una columna para el Texto y 3 para el Valor del Campo, lo que se conoce como colspan="4", si necesitas utilizar una agrupaciĆ³n de 2 campos por linea, utilizamos col="4".
Columnas de un Formulario:
Codigo:
<form>
┌───┬───┬───┬───┐
│ 1 │ 2 │ 3 │ 4 │
└───┴───┴───┴───┘
</form>
┌───┬───┬───┬───┐
│ 1 │ 2 │ 3 │ 4 │
└───┴───┴───┴───┘
</form>
Ejemplo de un Grupo col="4", en donde toma 2 columnas para texto y 2 para los Valores.
Codigo:
<group col="4">
<field name="input" />
<field name="inpt2" />
</group>
┌───────┬───────┬───────┬───────┐
│ label │ input │ labl2 │ inpt2 │
└───────┴───────┴───────┴───────┘
<field name="input" />
<field name="inpt2" />
</group>
┌───────┬───────┬───────┬───────┐
│ label │ input │ labl2 │ inpt2 │
└───────┴───────┴───────┴───────┘
Ejemplos de Agrupaciones Colspan:
Codigo:
<group>
<field name="inpt4"/>
</group>
<group col="4">
<field name="input" />
<field name="inpt2" />
</group>
┌───────┬───────────────────────┐
│ labl4 │ inpt4_______________ │
├───────┼───────┬───────┬───────┤
│ label │ input │ labl2 │ inpt2 │
└───────┴───────┴───────┴───────┘
<group colspan="1">
<field name="input" />
</group>
<group colspan="4">
<field name="inpt4"/>
</group>
<group col="1">
<field name="inpt2" />
</group>
┌───────┬───────┬───────┬───────┐
│ label │ input │ │ │
├───────┼───────┴───────┴───────┤
│ labl4 │ inpt4_______________ │
├───────┼───────┬───────┬───────┤
│ labl2 │ inpt2 │ │ │
└───────┴───────┴───────┴───────┘
<field name="inpt4"/>
</group>
<group col="4">
<field name="input" />
<field name="inpt2" />
</group>
┌───────┬───────────────────────┐
│ labl4 │ inpt4_______________ │
├───────┼───────┬───────┬───────┤
│ label │ input │ labl2 │ inpt2 │
└───────┴───────┴───────┴───────┘
<group colspan="1">
<field name="input" />
</group>
<group colspan="4">
<field name="inpt4"/>
</group>
<group col="1">
<field name="inpt2" />
</group>
┌───────┬───────┬───────┬───────┐
│ label │ input │ │ │
├───────┼───────┴───────┴───────┤
│ labl4 │ inpt4_______________ │
├───────┼───────┬───────┬───────┤
│ labl2 │ inpt2 │ │ │
└───────┴───────┴───────┴───────┘
Puedes crear Subgrupos de Campos como en el siguiente Ejemplo:
Codigo:
<group col="2" colspan="2">
<field name="a" />
<field name="b" />
</group>
<group col="6" colspan="2">
<field name="d" />
<field name="e" />
<field name="f" />
</group>
─────────────────────────────────────────────────
│ │ │ │ │
├───────┴───────┼────────────────┴────────────────┤
│ ┌────┬───┐ │ ┌────┬───┬────┬───┬────┬───┐ │
│ │ lb │ a │ │ │ lb │ d │ lb │ e │ lb │ f │ │
│ ├────┼───┤ │ └────┴───┴────┴───┴────┴───┘ │
│ │ lb │ b │ │ │
│ └────┴───┘ │ │
├───────┬───────┼────────────────┬────────────────┤
│ │ │ │ │
─────────────────────────────────────────────────
<field name="a" />
<field name="b" />
</group>
<group col="6" colspan="2">
<field name="d" />
<field name="e" />
<field name="f" />
</group>
─────────────────────────────────────────────────
│ │ │ │ │
├───────┴───────┼────────────────┴────────────────┤
│ ┌────┬───┐ │ ┌────┬───┬────┬───┬────┬───┐ │
│ │ lb │ a │ │ │ lb │ d │ lb │ e │ lb │ f │ │
│ ├────┼───┤ │ └────┴───┴────┴───┴────┴───┘ │
│ │ lb │ b │ │ │
│ └────┴───┘ │ │
├───────┬───────┼────────────────┬────────────────┤
│ │ │ │ │
─────────────────────────────────────────────────
Gracias por su Visita!
0 comentarios:
Publicar un comentario