Selects the appropriate combination of components for the menu items within a menu based on the following stylistic properties.
- mcs-menu-item-active-area
- mcs-menu-item-order
- mcs-menu-item-orientation
- mcs-menu-image-style
- mcs-menu-text-style
These stylistic properties currently combine to specify one out of 27 possible combinations. 4 structural templates are shown below. Structure 1 only has one form. Structure 2 has two possible image types. Structure 3 has two possible image types, two possible orientations and two possible orders which means that it has 8 varieties. In addition to those variations exhibited by Structure 3, Structure 4 also has two possible active areas which means that it has 16 varieties.
The following sections show an example of the structure and also show what settings the stylistics properties must have in order for that structure to be selected. The structure uses an XML representation of the structure but it does not match any particular protocol. The class attributes are used to indicate how the elements relate to the model. At the moment PAPI dpes not support separate class attributes on text and image but the model and this is capable of doing so.
Structure 1
<link class="menu-item-class"> <text class="menu-item-text-class"/> </link>
Property | Value |
mcs-menu-text-style | plain |
mcs-menu-image-style | none |
Structure 2
<link class="menu-item-class"> <img class="menu-item-image-class"/> </link>
Property | Value |
mcs-menu-text-style | none |
mcs-menu-image-style | plain/rollover |
Structure 3
<link class="menu-item-class"> <text class="menu-item-text-class"/> <separator/> <img class="menu-item-image-class"/> </link>
Property | Value |
mcs-menu-text-style | plain |
mcs-menu-image-style | plain/rollover |
mcs-menu-item-order | text-first/image-first |
mcs-menu-item-active-area | both |
mcs-menu-item-orientation | horizontal/vertical |
Structure 4
<span class="menu-item-class"> <link> <text class="menu-item-text-class"/> </link> <separator/> <img class="menu-item-image-class"/> </span>
Property | Value |
mcs-menu-text-style | plain |
mcs-menu-image-style | plain/rollover |
mcs-menu-item-order | text-first/image-first |
mcs-menu-item-active-area | text-only/image-only |
mcs-menu-item-orientation | horizontal/vertical |