Layout
From Gui
(Difference between revisions)
(Summary of Layout findings) |
(better CSS examples) |
||
| Line 10: | Line 10: | ||
* [[GTK]] works like this | * [[GTK]] works like this | ||
* [[XUL]] has more padding options, through CSS | * [[XUL]] has more padding options, through CSS | ||
| - | * [[HTML]] can model something similar, through a CSS rule like <code>.hbox * {display:inline;}</code> | + | * [[HTML]] can model something similar, through a CSS rule like <code>.hbox > * {display:inline;}</code> |
== Vertical packing == | == Vertical packing == | ||
| Line 23: | Line 23: | ||
* [[GTK]] works like this | * [[GTK]] works like this | ||
* [[XUL]] has more padding options, through CSS | * [[XUL]] has more padding options, through CSS | ||
| - | * [[HTML]] can model something similar, through a CSS rule like <code>.vbox * {display:block;}</code> | + | * [[HTML]] can model something similar, through a CSS rule like <code>.vbox > * {display:block;}</code> |
== Grid packing == | == Grid packing == | ||
Current revision as of 22:40, 15 June 2009
Contents |
[edit] Horizontal packing
- Horizontal padding only, widget always fills full height
- Widget can be stretched to cell or extra padding can be automatically added
[edit] Toolkits
- Tk allows packing towards the left or right on any Widget/Frame, which behaves similarly
- QT works like this
- GTK works like this
- XUL has more padding options, through CSS
- HTML can model something similar, through a CSS rule like
.hbox > * {display:inline;}
[edit] Vertical packing
- Vertical padding only, widget always fills full width
- Widget can be stretched to cell or extra padding can be automatically added
[edit] Toolkits
- Tk allows packing towards the top or bottom on any Widget/Frame, which behaves similarly
- QT works like this
- GTK works like this
- XUL has more padding options, through CSS
- HTML can model something similar, through a CSS rule like
.vbox > * {display:block;}
[edit] Grid packing
- Basically, horizontal and vertical packed cells that are tied to each other in row/column relationships
- Widgets may be padded horizontal and vertically
- Widgets may span multiple cells (rows/columns)
[edit] Toolkits
- Tk works like this
- QT works like this
- GTK works like this
- XUL has more padding options, through CSS
- HTML can model something similar, through <table>, but the semantics are wrong.
- CSS3 pseudotables may "solve" this
[edit] Absolute positioning
- Widgets are absolutely sized and positioned withing the container
[edit] Toolkits
- Tk's Place manager works like this
- GTK's Layout and Absolute layouts work like this
- QT allows this behaviour on any Widget/Frame
- XUL can model something similar, through CSS
- HTML can model something similar, through CSS
