<?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-72DE3EB1-1AF5-4157-8B99-A1C7143DAD2C" xml:lang="en"><title>Navigation

using tabs</title><prolog><metadata><keywords/></metadata></prolog><conbody>

<p>The Symbian user interface uses the tab metaphor that allows combining

several pages of related information into a single state when all of it would

not fit into a single screen or list. The user can switch the tabs using the

Arrow left and Arrow right keys as indicated in the <xref href="GUID-76FD2A71-E8A3-4C82-9704-3F7F6AD4DFD8.dita">Navi

pane</xref>.</p>

<fig id="GUID-A8BCDBF4-9FFE-46C7-BDB7-4A3556BB41B5">

<title>Navigation using tabs</title>

<image href="GUID-77AD4D8C-08CA-45C4-B5E7-04B4C7958A1A_d0e81736_href.png" scale="70" placement="inline"/>

</fig>

<p>In this example, state 1-3 uses two tabs to present its information. The

user moves between views 1-3a and 1-3b using the Arrow left and Arrow right

keys. Note that there is no Back function moving between the tab views; Back

from both of them leads to state 1.</p>

<p>Tab-controlled views apply the following rules:</p>

<ul>

<li><p>A list view from which each of the tabbed views can be accessed should

precede the tabbed views one level higher. </p></li>

<li><p>Moving from one tab view to another has no effect on the function of

the Back softkey in these views: from all of them, the Back function leads

to the same place, the previous level in the application. In this respect,

tabbed views are interpreted as one state in the application. </p></li>

<li><p>When a state has tabbed views, one of them is the default view that

is opened when the user enters the state from the previous level. </p></li>

<li><p>When the user has proceeded from a tabbed view into a deeper hierarchy

level, the Back function returns to the same tabbed view where the user came

from (which is not necessarily the default view described in the previous

bullet). </p></li>

<li><p>The possibilities to go forward from tab views may differ from one

view to another (although typically they are similar). This means that one

tab view may have other functions available to the user than another tab view

in the same state.</p></li>

</ul>

<fig id="GUID-96783EEE-47E3-4896-87A6-3283DFF0B5B9">

<title> Touch interaction model for tabs</title>

<image href="GUID-DD263BCA-B660-49A5-BB65-8C45035002BD_d0e81773_href.png" placement="inline"/>

</fig>

<table id="GUID-5B8DA500-4092-4E1A-A035-308C4D352138-GENID-1-8-1-6-1-1-7-1-5-1-1-5-1-2-7"><title>Default touch

events for tabs</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 a tab</p></entry>

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

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

are provided with touch down event.</p></entry>

</row>

<row>

<entry><p>Touch down and hold on a tab</p></entry>

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

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

</row>

<row>

<entry><p>Touch release on a tab</p></entry>

<entry><p>Corresponding view is changed.</p><p>Activated tab moves to the

middle of the tab view (all the tabs move along) unless it is the first or

the last tab in the application.</p></entry>

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

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

</row>

<row>

<entry><p>Touch down and move horizontally on tab area and release</p></entry>

<entry><p>Previous or next tab is opened</p></entry>

<entry><p>Tactile: Basic tab effect and audio feedback are provided with touch

down event.</p></entry>

</row>

</tbody>

</tgroup>

</table>

<section id="GUID-33374D49-BB50-493C-ACD6-46BC454122B7"><title>Using

tabs in C++ applications</title><p>The API to use for tabs is the <xref format="html" href="specs/guides/Tabs_API_Specification/Tabs_API_Specification.html" scope="peer">Tabs

API</xref>. For implementation information, see <xref format="html" href="specs/guides/Tabs_API_Specification/Tabs_API_Specification.html#Tabs_API_Specification.topic3" scope="peer">Using the Tabs API</xref>.</p></section>

</conbody></concept>