SHIP:BoxModel

From Serious Documentation
Revision as of 17:39, 15 January 2013 by Admin (talk | contribs) (Created page with "== Overview == The {{Node|box}} node is the fundamental building block of your visual GUI layout in SHIP; the {{Node|box}} node has many properties to support pixel accura...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

Overview

The box node is the fundamental building block of your visual GUI layout in SHIP; the box node has many properties to support pixel accurate positioning, margins, padding, borders, and more.

boxes can be nested to create groupings, and the child boxes are relatively positioned inside the parent box.

Some other layout node types, such as the page and display share many of the same properties as the box.

This common set of properties are known in SHIP as the "box model". Within all these properties, we'll start with the dimensional ones that describe the outer dimensions, location, margin, padding, border, and inner sizes:

BoxModelOverview.png

Box Model "Outer" Properties

The most obvious set of properties in the box model describes the outer dimensions and location of the container:

Property Name Data Type Description
SHIP:Property:box:ot
SHIP:Property:box:ob
SHIP:Property:box:oh
SHIP:Property:box:ol
SHIP:Property:box:or
SHIP:Property:box:ow