Symbian3/SDK/Source/GUID-1AA32C40-CDE0-4627-A634-7C07BB1ED67B.dita
author Dominic Pinkman <Dominic.Pinkman@Nokia.com>
Wed, 31 Mar 2010 11:11:55 +0100
changeset 7 51a74ef9ed63
child 8 ae94777fff8f
permissions -rw-r--r--
Week 12 contribution of API Specs and fix SDK submission

<?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-1AA32C40-CDE0-4627-A634-7C07BB1ED67B" xml:lang="en"><title>Forms</title><prolog><metadata><keywords/></metadata></prolog><conbody>
<p>A form is a specific kind of selection list, where all items (fields) have
some editable content. </p>
<p>A form can be in the View state or in the Edit state. The item layouts
and functionality are different in these states:</p>
<ul>
<li><p>In the View state, the items are not editable. The form functions and
looks exactly like a similar selection list. Items can be selected to perform
an application-specific function. </p></li>
<li><p>In the Edit state, the user can edit all the fields. Forms can contain
text fields (alphanumeric or numeric content), pop-up fields and sliders.</p></li>
</ul>
<p>Forms work with single click. The view state of the form follows list behavior.
Edit state works with single click but it has the highlight always visible
to indicate the active form item. Note that the entire form component item
should be touch sensitive in normal state. This means that even if the user
does not touch the edit field but instead the field header, the item is still
activated.</p>
<p>The user can switch from the View state to the Edit state using the Edit
command in the Options menu. In the Edit state, the contents of the form can
be accepted using the right softkey labeled as Done. The form then returns
to the View state.</p>
<fig id="GUID-A2BD480A-8FF8-46D2-8C2D-1C300761BBEF">
<title>An example form</title>
<image href="GUID-783161AE-708E-4FB4-8219-EEC0F9939E9B_d0e63641_href.png" placement="inline"/>
</fig>
<p>The following table lists the default touch events for forms:</p>
<table id="GUID-9342F902-5F33-4A51-BCCB-258C4AADAC8C"><title>Default touch
events for forms</title>
<tgroup cols="3">

<colspec colname="col1" colwidth="0.80*"/><colspec colname="col2" colwidth="1.03*"/>
<colspec colname="col3" colwidth="1.17*"/>
<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 nameend="col3" namest="col1"><p><b>In Edit State</b></p></entry>
</row>
<row>
<entry><p>Touch down on item</p></entry>
<entry><p>No change</p></entry>
<entry><p>Highlight is shown on the item and focus shifts to the item.</p><p>Tactile:
Basic list effect and audio feedback is provided with touch down event.</p><note> Only
form-specific feedback is provided. No sensitive edit feedback provided on
editor item in the form.</note></entry>
</row>
<row>
<entry><p>Touch release on item</p></entry>
<entry><p>Item is activated.</p><p>When the user moves a cursor to a text
field, the cursor is placed at the end of the text in the field. If the field
is empty, the cursor is placed at the beginning of the field.</p><p>Touch
release on a radio button list item selects the item and closes the pop-up.</p></entry>
<entry><p>Highlight remains on the item.</p><p>In case of a radio button list,
highlight stays on the full list, and not on any single selection item.</p><p>Tactile:
Basic list effect provided with release event.</p></entry>
</row>
<row>
<entry><p>Touch down and hold on item</p></entry>
<entry><p>Inactive</p></entry>
<entry><p>Tactile: No effect</p></entry>
</row>
<row>
<entry><p>Touch down and move inside form</p></entry>
<entry><p>Refer to <xref href="GUID-7C61D3D7-8FCB-46AB-B2E9-CE1AC68F86DE.dita">Dragging
and flicking</xref> events</p></entry>
<entry><p>Highlight remains on the item that is currently active, when the
user starts to move.</p><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 and move outside the form without releasing touch.</p></entry>
<entry><p>Refer to <xref href="GUID-7C61D3D7-8FCB-46AB-B2E9-CE1AC68F86DE.dita">Dragging
and flicking</xref> events</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 and release outside the radio button list</p></entry>
<entry><p>Radio button list is closed.</p></entry>
<entry><p>Tactile: Pop-up effect is provided with touch down event.</p></entry>
</row>
<row>
<entry nameend="col3" namest="col1"/>
</row>
<row>
<entry nameend="col3" namest="col1"><p><b>In View State</b></p></entry>
</row>
<row>
<entry><p>Touch down on item</p></entry>
<entry><p>No effect</p></entry>
<entry><p>Highlight is shown.</p><p>Tactile: Basic list effect and audio feedback
is provided with the touch down event.</p></entry>
</row>
<row>
<entry><p>Touch release</p></entry>
<entry><p>One of the following occurs:<ul>
<li><p>Item is activated.</p></li>
<li><p>Item get editable.</p></li>
<li><p>Item opens context specific <b>Options</b> menu.</p></li>
</ul></p></entry>
<entry><p>Highlight disappears.</p><p>Tactile: Basic list effect is provided
with touch release event.</p><p>If the touch release opens a pop-up, the pop-up
open effect is provided with the touch release. If theme effects are ON, then
increasing long touch effect with touch release is provided.</p></entry>
</row>
<row>
<entry><p>Touch down and hold</p></entry>
<entry><p>Inactive</p></entry>
<entry><p>Tactile: No effect</p></entry>
</row>
<row>
<entry><p>Touch down and move inside form</p></entry>
<entry><p>Refer to <xref href="GUID-7C61D3D7-8FCB-46AB-B2E9-CE1AC68F86DE.dita">Dragging
and flicking</xref> events</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 and move outside the form without releasing touch.</p></entry>
<entry><p>Refer to <xref href="GUID-7C61D3D7-8FCB-46AB-B2E9-CE1AC68F86DE.dita">Dragging
and flicking</xref> events</p></entry>
<entry><p>Tactile: Refer to <xref href="GUID-7C61D3D7-8FCB-46AB-B2E9-CE1AC68F86DE.dita">Dragging
and flicking</xref> events.</p></entry>
</row>
</tbody>
</tgroup>
</table>
<section id="GUID-CB9AC4F2-4C2B-49AA-9FCE-E9EA7209CC50"><title>Using
forms in C++ applications</title><p>The API to use for creating forms is the <xref format="html" href="specs/guides/Form_API_Specification/Form_API_Specification.html" scope="peer">Form API</xref>. For implementation information, see <xref format="html" href="specs/guides/Form_API_Specification/Form_API_Specification.html#Form_API_Specification.topic3" scope="peer">Using the Form API</xref>.</p><p>Typically, a form will be derived
from the class <xref href="jar:GUID-759FBC7F-5384-4487-8457-A8D4B76F6AA6.jar!/html/classCAknForm.html" format="application/java-archive"><codeph>CAknForm</codeph></xref> and
the methods <xref href="jar:GUID-759FBC7F-5384-4487-8457-A8D4B76F6AA6.jar!/html/classCAknForm.html#b90bd30d42503d5f0464e9ff1ce3b830" format="application/java-archive"><codeph>SaveFormDataL()</codeph></xref> and <xref href="jar:GUID-759FBC7F-5384-4487-8457-A8D4B76F6AA6.jar!/html/classCAknForm.html#6ff9f54d5d8a08da0c6f6574389b787a" format="application/java-archive"><codeph>DoNotSaveFormData()</codeph></xref> will be implemented by the developer. These are called when users
switch from edit mode to view mode and are prompted by the form as to whether
they wish to save their modifications.</p><p>For customization, the class <codeph>CAknForm</codeph> provides
a single-line or double-line layout and it is possible to use icons on forms. </p><p>In
the following example, the form is pushed on the cleanup stack before <xref href="jar:GUID-759FBC7F-5384-4487-8457-A8D4B76F6AA6.jar!/html/classCAknForm.html#a7108b30a367ecb940f57e0dd35973bd" format="application/java-archive"><codeph>ConstructL()</codeph></xref> (a
potentially leaving method) is called, and popped off before <xref href="jar:GUID-759FBC7F-5384-4487-8457-A8D4B76F6AA6.jar!/html/classCAknDialog.html#2bb826c038d23806445872d768e7d151" format="application/java-archive"><codeph>ExecuteLD()</codeph></xref>. </p><codeblock xml:space="preserve">CAknExFormAdd* form = new(ELeave) CAknExFormAdd;
CleanupStack::PushL(form);
form-&gt;ConstructL();
CleanupStack::Pop();
form-&gt;ExecuteLD(R_AKNEXFORM_TEXT_FIELD_DIALOG);
</codeblock></section>
</conbody><related-links>
<linklist><title>Related APIs</title>
<link format="html" href="specs/guides/Dialogs_API_Specification/Dialogs_API_Specification.html" scope="peer"><linktext>Dialogs API</linktext></link>
</linklist>
</related-links></concept>