Code:
<form>
┌───┬───┬───┬───┐
│ 1 │ 2 │ 3 │ 4 │
└───┴───┴───┴───┘
</form>
┌───┬───┬───┬───┐
│ 1 │ 2 │ 3 │ 4 │
└───┴───┴───┴───┘
</form>
Every <field> takes 2 columns: label & input field
Code:
<field name="input" />
<field name="inpt2" />
┌───────┬───────┬───────┬───────┐
│ label │ input │ labl2 │ inpt2 │
└───────┴───────┴───────┴───────┘
<field name="inpt2" />
┌───────┬───────┬───────┬───────┐
│ label │ input │ labl2 │ inpt2 │
└───────┴───────┴───────┴───────┘
With colspan, you can widen items.
Code:
<field name="inpt4" colspan="4"/>
<field name="input" />
<field name="inpt2" />
┌───────┬───────────────────────┐
│ labl4 │ inpt4_______________ │
├───────┼───────┬───────┬───────┤
│ label │ input │ labl2 │ inpt2 │
└───────┴───────┴───────┴───────┘
<field name="input" />
<field name="inpt4" colspan="4"/>
<field name="inpt2" />
┌───────┬───────┬───────┬───────┐
│ label │ input │ │ │
├───────┼───────┴───────┴───────┤
│ labl4 │ inpt4_______________ │
├───────┼───────┬───────┬───────┤
│ labl2 │ inpt2 │ │ │
└───────┴───────┴───────┴───────┘
<field name="input" />
<field name="inpt2" />
┌───────┬───────────────────────┐
│ labl4 │ inpt4_______________ │
├───────┼───────┬───────┬───────┤
│ label │ input │ labl2 │ inpt2 │
└───────┴───────┴───────┴───────┘
<field name="input" />
<field name="inpt4" colspan="4"/>
<field name="inpt2" />
┌───────┬───────┬───────┬───────┐
│ label │ input │ │ │
├───────┼───────┴───────┴───────┤
│ labl4 │ inpt4_______________ │
├───────┼───────┬───────┬───────┤
│ labl2 │ inpt2 │ │ │
└───────┴───────┴───────┴───────┘
When you add additional containers, like a page, you can tell OpenERP to use more or less columns.
credit : http://www.openerp.com/forum/topic24602.html
Code:
<group cols="2" colspan="2">
<field name="a" />
<field name="b" />
</group>
<group cols="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 cols="6" colspan="2">
<field name="d" />
<field name="e" />
<field name="f" />
</group>
│ │ │ │ │
├───────┴───────┼────────────────┴────────────────┤
│ ┌────┬───┐ │ ┌────┬───┬────┬───┬────┬───┐ │
│ │ lb │ a │ │ │ lb │ d │ lb │ e │ lb │ f │ │
│ ├────┼───┤ │ └────┴───┴────┴───┴────┴───┘ │
│ │ lb │ b │ │ │
│ └────┴───┘ │ │
├───────┬───────┼────────────────┬────────────────┤
│ │ │ │ │
No comments:
Post a Comment