|
1 <?xml version="1.0" encoding="utf-8"?> |
|
2 <!-- Copyright (c) 2007-2010 Nokia Corporation and/or its subsidiary(-ies) All rights reserved. --> |
|
3 <!-- This component and the accompanying materials are made available under the terms of the License |
|
4 "Eclipse Public License v1.0" which accompanies this distribution, |
|
5 and is available at the URL "http://www.eclipse.org/legal/epl-v10.html". --> |
|
6 <!-- Initial Contributors: |
|
7 Nokia Corporation - initial contribution. |
|
8 Contributors: |
|
9 --> |
|
10 <!DOCTYPE concept |
|
11 PUBLIC "-//OASIS//DTD DITA Concept//EN" "concept.dtd"> |
|
12 <concept id="GUID-F95A7D74-FD5C-40D2-BF4F-2F75443CAE51" xml:lang="en"><title>Column |
|
13 structure of lists</title><prolog><metadata><keywords/></metadata></prolog><conbody> |
|
14 <p>For visual consistency, the standard list layouts are built around a structure |
|
15 of three virtual columns. The column borders are aligned with the sides of |
|
16 the context pane.</p> |
|
17 <p>The width of list items can be divided in three sections (columns A, B |
|
18 and C). All three columns need not be used separately in a list layout: combinations |
|
19 AB, BC or ABC are possible. Column D is basically the very end of column C |
|
20 where additional indicators can be displayed (see figure below). The area |
|
21 for these indicators is not strictly an individual column in the same sense |
|
22 as the other three, because it can be used dynamically, item by item. All |
|
23 items within a list must use the same column layout.</p> |
|
24 <fig id="GUID-88132214-24C6-4C80-93A7-335D7FBE938A"> |
|
25 <title>Different column arrangements: a) All columns used for a text item. |
|
26 b) Column A contains an icon, columns B&C combined for text. c) Columns |
|
27 A&B combined for a large icon, column C contains text. d) Column A: an |
|
28 icon; column B: a label; column C: text.</title> |
|
29 <image href="GUID-043CFB8D-8780-478C-A3B2-FE5838795665_d0e59136_href.png" placement="inline"/> |
|
30 </fig> |
|
31 <table id="GUID-634822BE-B1A4-43E4-9A28-7ABA9D6DF336"><title>Standard elements |
|
32 within list item associated with columns</title> |
|
33 <tgroup cols="2"><colspec colname="col1"/><colspec colname="col2"/> |
|
34 <thead> |
|
35 <row> |
|
36 <entry>Column</entry> |
|
37 <entry>Description</entry> |
|
38 </row> |
|
39 </thead> |
|
40 <tbody> |
|
41 <row> |
|
42 <entry><p>Column A</p></entry> |
|
43 <entry><ul> |
|
44 <li><p>Small graphic (icon): an item property indication. </p></li> |
|
45 <li><p>The item number (see <xref href="GUID-2B8CA0F5-8956-4D7B-B719-DE5EFD62C232.dita">Numbered |
|
46 items</xref>).</p></li> |
|
47 </ul></entry> |
|
48 </row> |
|
49 <row> |
|
50 <entry><p>Column B</p></entry> |
|
51 <entry><p>Heading (the title or attribute of the item).</p></entry> |
|
52 </row> |
|
53 <row> |
|
54 <entry><p>Column AB</p></entry> |
|
55 <entry><ul> |
|
56 <li><p>Heading (the title or attribute of the item). </p></li> |
|
57 <li><p>Large graphic (for example, an icon or an image thumbnail).</p></li> |
|
58 </ul></entry> |
|
59 </row> |
|
60 <row> |
|
61 <entry><p>Column C/BC/ABC</p></entry> |
|
62 <entry><p>The main text of the item.</p></entry> |
|
63 </row> |
|
64 </tbody> |
|
65 </tgroup> |
|
66 </table> |
|
67 <note><p>The list layout can be mirrored for localizations such as Arabic |
|
68 and Hebrew (for example, column A is in the right edge of the pane). See <xref href="GUID-8E2FA5CC-C582-4321-88BB-C5CE3AA047FE.dita">Layout changes in bi-directional |
|
69 languages</xref>.</p></note> |
|
70 </conbody></concept> |