<?xml version="1.0" encoding="utf-8"?>

<!-- Copyright (c) 2007-2010 Nokia Corporation and/or its subsidiary(-ies) All rights reserved. -->

<!-- This component and the accompanying materials are made available under the terms of the License 

"Eclipse Public License v1.0" which accompanies this distribution, 

and is available at the URL "http://www.eclipse.org/legal/epl-v10.html". -->

<!-- Initial Contributors:

    Nokia Corporation - initial contribution.

Contributors: 

-->

<!DOCTYPE concept

  PUBLIC "-//OASIS//DTD DITA Concept//EN" "concept.dtd">

<concept id="GUID-DAF35D49-9630-4186-A350-E8483693D50D" xml:lang="en"><title>Hierarchical

column list</title><prolog><metadata><keywords/></metadata></prolog><conbody>

<p>Hierarchical column list is used for browsing in one view files and folders

that are in different levels in the file system. This enables for example

showing subtitles among the list items, and collapsing and expanding data

items under it.</p>

<fig id="GUID-0A22D779-41C5-41DD-884C-AFC7DF192720">

<title>Hierarchical column list component, where the subtitle "Today" and

"Yesterday" are expanded</title>

<image href="GUID-2939EEA8-DBC9-4882-B016-9C53166569CD_d0e56908_href.png" placement="inline"/>

</fig>

<p>The hierarchical column list can have three different row types:</p>

<ul>

<li><p>Subtitle row </p></li>

<li><p>Core data row </p></li>

<li><p>Simple data row</p></li>

</ul>

<p>Subtitle can have only one type of sub-items, thus both core data and simple

data items cannot exist under same subtitle. It is recommended, that only

one type of sub-items would be used in the same view.</p>

<p>To enable more information in a single row, the core data row can be divided

into two core data columns. The more important information should be shown

in the first column due to more space, for example e-mail sender information

in the first column, and subject in the second column. In landscape there

can be also third column in use.</p>

<p><b>General navigation:</b> </p>

<p>Expanding and collapsing can be done in subtitle rows:</p>

<ul>

<li><p>Arrow key: Tabs can be used together with a hierarchical column list,

and thus arrow keys are used for moving between tabs. If there are no tabs,

the arrow keys expand subtitle item (Arrow right, the focus is not moved)

and collapse expanded subtitle item (Arrow left, focus is not moved). </p></li>

<li><p>The Selection key expands collapsed (or vice versa) subtitle item in

focus. </p></li>

<li><p>Commands for expanding, collapsing and opening folders or files are

also available in the <b>Options</b> menu.</p></li>

</ul>

<table id="GUID-B5B4FA4B-A296-4CFF-8E6C-3030013798A2"><title>Default touch

events for hierarchical column list items</title>

<tgroup cols="3">

<colspec colname="col1" colwidth="0.80*"/><colspec colname="col2" colwidth="1.01*"/>

<colspec colname="col3" colwidth="1.19*"/>

<thead>

<row>

<entry valign="top"><p>User action</p></entry>

<entry valign="top"><p>State change</p></entry>

<entry valign="top"><p>Feedback</p></entry>

</row>

</thead>

<tbody>

<row>

<entry><p>Touch down on collapsed subtitle item</p></entry>

<entry><p>No change</p></entry>

<entry><p>Highlight is shown. </p><p>Tactile: Basic list effect and audio

feedback is provided with touch down event.</p></entry>

</row>

<row>

<entry><p>Touch release on collapsed subtitle item</p></entry>

<entry><p>Item is expanded. </p><p>If the folder is empty, the only action

performed is that the icon is changed to expanded folder indication.</p></entry>

<entry><p>Highlight disappears. </p><p>Tactile: Basic list effect is provided

with touch release event</p></entry>

</row>

<row>

<entry><p>Touch down on expanded subtitle item</p></entry>

<entry><p>No change</p></entry>

<entry><p>Highlight is shown. </p><p>Tactile: Basic list effect and audio

feedback is provided with touch down event.</p></entry>

</row>

<row>

<entry><p>Touch release on expanded subtitle item</p></entry>

<entry><p>Item is collapsed.</p><p>If the folder is empty, the only action

performed is that the icon is changed to collapsed folder indication.</p></entry>

<entry><p>Highlight disappears.</p><p>Tactile: Basic list effect is provided

with touch release event</p></entry>

</row>

<row>

<entry><p>Touch down and hold on subtitle item</p></entry>

<entry><p>Stylus pop-up menu is opened.</p></entry>

<entry><p>Highlight is shown. Animation is shown to indicate the opening pop-up. </p><p>Tactile:

If activates a long touch, then increasing long touch effect is provided with

hold event and pop-up effect is provided when the pop-up is opened.</p></entry>

</row>

<row>

<entry><p>Touch down on data item</p></entry>

<entry><p>No change</p></entry>

<entry><p>Highlight is shown. </p><p>Tactile: Sensitive list effect and audio

feedback is provided with touch down event.</p></entry>

</row>

<row>

<entry><p>Touch release on data item</p></entry>

<entry><p>Item is activated. </p><p>Application specific</p></entry>

<entry><p>Highlight shown. Tactile: Sensitive list effect is provided with

touch release event.</p></entry>

</row>

<row>

<entry><p>Touch down and hold on data item</p></entry>

<entry><p>Stylus pop-up menu is opened.</p></entry>

<entry><p>Highlight is shown. Animation is shown to indicate the opening pop-up. </p><p>Tactile:

If activates a long touch, then increasing long touch effect is provided with

hold event and pop-up effect is provided when the pop-up is opened.</p></entry>

</row>

<row>

<entry><p>Touch down on data/subtitle item and move</p></entry>

<entry><p>Refer to <xref href="GUID-7C61D3D7-8FCB-46AB-B2E9-CE1AC68F86DE.dita">Dragging

and flicking</xref> events</p><p>Expand and collapse functions are not done

while dragging.</p></entry>

<entry><p>Tactile: Refer to <xref href="GUID-7C61D3D7-8FCB-46AB-B2E9-CE1AC68F86DE.dita">Dragging

and flicking</xref> events.</p></entry>

</row>

<row>

<entry><p>Touch down on data/subtitle item and move horizontally</p></entry>

<entry><p>Inactive</p></entry>

<entry><p>Tactile: No effect</p></entry>

</row>

</tbody>

</tgroup>

</table>

<section id="GUID-4BA0CC1C-D164-4EE0-9178-DE250B7BCB69"><title>Using

hierarchical column lists in applications</title><p>The API to use for hierarchical

column lists is the <xref format="html" href="specs/guides/Hierarchical_Lists_API_Specification/Hierarchical_Lists_API_Specification.html" scope="peer">Hierarchical lists API</xref>. For implementation information,

see <xref format="html" href="specs/guides/Hierarchical_Lists_API_Specification/Hierarchical_Lists_API_Specification.html#Hierarchical_Lists_API_Specification.topic3" scope="peer">Using the Hierarchical lists API</xref>.</p></section>