<?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-CCE6DC36-625C-487C-9AD8-F1BF8E36080A" xml:lang="en"><title>UI components</title><prolog><metadata><keywords/></metadata></prolog><conbody>

<p><draft-comment time="2010-03-04T16:19" translate="no">This table has been filtered for

PDK, SDK and Internal publications. The conditions applied for each row can

be viewed in the Document Map on the left hand pane (they have attribute mark).</draft-comment></p>

<table id="GUID-CB1618F8-C658-42A5-BF86-3AA8CDCFF681-GENID-1-12-1-7-1-1-5-1-2-2">

<tgroup cols="3"><colspec colname="col1" colwidth="0.82*"/><colspec colname="col2" colwidth="1.45*"/><colspec colname="col3" colwidth="0.73*"/>

<thead>

<row>

<entry>               <p>Component</p>             </entry>

<entry>               <p>Example image</p>             </entry>

<entry>               <p>C++ APIs for implementation</p>             </entry>

</row>

</thead>

<tbody>

<row>

<entry><p><xref href="GUID-74F1EBB6-293A-4B33-A08F-46F3C23B37CE.dita">Adaptive

search</xref></p></entry>

<entry><fig id="GUID-4FD288BC-7B8A-46B1-A8EE-15D040E579C2-GENID-1-12-1-7-1-1-5-1-2-2-1-5-1-2-1">

<image href="GUID-8E995178-F3F2-4391-B99D-7A3451880F53_d0e81135_href.png" placement="inline"/>

</fig></entry>

<entry><p>Searchfield API</p></entry>

</row>

<row>

<entry><p><xref href="GUID-F1CC06C0-0D3A-4BBC-97E1-E52D2856D7A7.dita">Find pane</xref></p></entry>

<entry><fig id="GUID-4C044042-E122-473D-80CE-A4D25B6EB61C-GENID-1-12-1-7-1-1-5-1-2-2-1-5-2-2-1">

<image href="GUID-0EBE8B44-1F42-4654-AC4D-A5F242FA49EB_d0e81153_href.png" placement="inline"/>

</fig></entry>

<entry><p>Searchfield API and <xref href="specs/guides/Popups_API_Specification/Popups_API_Specification.html#Popups_API_Specification" scope="peer">Popups API</xref></p></entry>

</row>

<row>

<entry><p><xref href="GUID-8F6F6C2C-C00E-4412-A880-5EEBF7270265.dita">Generic Button</xref></p></entry>

<entry><fig id="GUID-D43035CC-60C9-4EBF-9183-20444B966DBB-GENID-1-12-1-7-1-1-5-1-2-2-1-5-3-2-1">

<image href="GUID-8AEE1966-D348-41BB-8513-61C379945DB8_d0e81173_href.png" placement="inline"/>

</fig></entry>

<entry><p><xref href="GUID-F3EE1000-71A6-4D48-A30B-3D2357BF20FB.html#GUID-F3EE1000-71A6-4D48-A30B-3D2357BF20FB" scope="peer">Generic Button API</xref></p></entry>

</row>

<row>

<entry><p><xref href="GUID-2E28D8F7-7406-4EBF-BD52-E82BAE1A7D31.dita">Home screen</xref></p></entry>

<entry><p><fig id="GUID-D7BA5145-328D-4246-A4E2-D9788240CBEF">

<image href="GUID-C5AC5FAF-A55F-44B5-BB43-858861BAB11E_d0e81193_href.png" placement="inline"/>

</fig></p></entry>

<entry><p>Home Screen Publishing API</p></entry>

</row>

<row>

<entry><p><xref href="GUID-BA8806CC-BE7C-4927-ACF6-DA0CB6E96AAA.dita">Indicators</xref></p><ul>

<li><p><xref href="GUID-788BC010-536D-4089-9B12-4A43A9C1C82B.dita">Application-specific

indicators</xref></p></li>

<li><p><xref href="GUID-226EDECC-BE24-412C-945D-7EABE566282A.dita">Editing indicators

in pop-up windows</xref></p></li>

<li><p><xref href="GUID-7DFA1B74-5BD1-494D-9BBA-B2D6F258C5F1.dita">Indicators in

the Navi pane</xref></p></li>

<li><p><xref href="GUID-BA96913A-38D2-4E57-BA95-52F1642A6D06.dita">Operator indicator</xref></p></li>

<li><p><xref href="GUID-07A42662-87A1-4537-89B9-F87DFC8481E8.dita">Signal and battery

indicators</xref></p></li>

<li><p><xref href="GUID-96BCE05D-2984-4A85-9633-69ECE5BE945E.dita">Soft indicators</xref></p></li>

<li><p><xref href="GUID-0348B62D-1AE0-45F5-B06E-9EE2D83326E8.dita">Universal indicators</xref></p></li>

</ul></entry>

<entry><fig id="GUID-740B86C2-4B2B-41E9-A087-3FE10FEFAC6C">

<image href="GUID-EDBCCC26-BA4D-4318-9F0D-62272FA97BBF_d0e81248_href.png" placement="inline"/>

</fig></entry>

<entry><ul>

<li><p>Indicators API for indicatiors.</p></li>

<li><p><xref href="public_specs/GuidesA/Navigation_Pane_API_Specification/Navigation_Pane_API_Specification.html.dita#public_specs/GuidesA/Navigation_Pane_API_Specification/Navigation_Pane_API_Specification.html/GUID-558A5A9B-811E-4A87-B3DD-AE734C9AA966/public_specs/GuidesA/Navigation_Pane_API_Specification/Navigation_Pane_API_Specification.html">Navigation Pane API</xref> for Navi pane</p></li>

<li><p><xref href="specs/guides/Popups_API_Specification/Popups_API_Specification.html#Popups_API_Specification" scope="peer">Popups API</xref> and Indicators API for Editing Indicators.</p></li>

</ul></entry>

</row>

<row>

<entry><p><xref href="GUID-E6803961-14A0-44BD-A94E-5D8A38EA907F.dita">Lists and

grids</xref></p></entry>

<entry><fig id="GUID-D785F576-56C2-4B41-ABA9-95B881BCB004">

<image href="GUID-BDAC640A-FBFE-4DC2-BB29-1A780BCA8ADA_d0e81282_href.png" placement="inline"/>

</fig></entry>

<entry><p><xref href="specs/guides/Lists_API_Specification/Lists_API_Specification.html#Lists_API_Specification" scope="peer">Lists API</xref> for lists and <xref href="specs/guides/Grids_API_Specification/Grids_API_Specification.html#specs/guides/Grids_API_Specification/Grids_API_Specification.html" scope="peer">Grids API</xref></p></entry>

</row>

<row>

<entry><p><xref href="GUID-86AADA3E-B77C-45CC-B523-785B75BAA5AA.dita">Menu</xref></p></entry>

<entry><fig id="GUID-D93E8BC0-3038-4A7E-B61C-6612CF01232E">

<image href="GUID-3382507E-1B21-418C-A908-DD3F688C0672_d0e81304_href.png" placement="inline"/>

</fig></entry>

<entry/>

</row>

<row>

<entry><p><xref href="GUID-24D51B0B-7EBE-49AE-84CF-098096BE0A1C.dita">Notes</xref></p><ul>

<li><p><xref href="GUID-875D74D3-5663-42E3-A4B9-294F82FF5486.dita">Confirmation

note</xref></p></li>

<li><p><xref href="GUID-E9F203A6-D9E3-41B7-9FC4-24EDE20C4753.dita">Error note</xref></p></li>

<li><p><xref href="GUID-E449F309-F230-46F9-B777-EF64D0E3191D.dita">Information

note</xref></p></li>

<li><p><xref href="GUID-11B69814-5B3E-42AE-844E-998A7A08E654.dita">Permanent note</xref></p></li>

<li><p><xref href="GUID-81E33E18-D390-4110-8D85-1FCDA9CC311E.dita">Progress note</xref></p></li>

<li><p><xref href="GUID-93EFC9E4-8779-415D-ABEB-2AC9991996DD.dita">Wait note</xref></p></li>

<li><p><xref href="GUID-ED198434-94C0-4842-8353-B2FA319BA5C7.dita">Warning note</xref></p></li>

</ul></entry>

<entry><fig id="GUID-7A18F1D5-29CF-4337-9840-00E38CBA118D">

<image href="GUID-C4805C18-9BE7-47BA-9E50-D5F9CAAD36B7_d0e81357_href.png" placement="inline"/>

</fig></entry>

<entry><xref href="specs/guides/Notes_API_Specification/Notes_API_Specification.html#specs/guides/Notes_API_Specification/Notes_API_Specification.html" scope="peer">Notes API</xref> and <xref href="specs/guides/Notifiers_API_Specification/Notifiers_API_Specification.html#specs/guides/Notifiers_API_Specification/Notifiers_API_Specification.html" scope="peer">Notifier API</xref></entry>

</row>

<row>

<entry>               <p>Menu list (for example,<xref href="GUID-BFEEECCA-190B-4DDE-8A04-4FE918BE8690.dita">Options

menu</xref> and sub-menus)</p>             </entry>

<entry>               <fig id="GUID-7F128013-32DC-4567-908E-BAC6297C5E43">

<image href="GUID-8BA0D643-5ED1-4DC4-82EC-C8AA392DCBC4_d0e81383_href.png" placement="inline"/>

</fig>             </entry>

<entry>               <p><xref format="html" href="specs/guides/Options_Menu_API_Specification/Options_Menu_API_Specification.html" scope="peer">Options menu API</xref></p>             </entry>

</row>

<row>

<entry><p><xref href="GUID-3A923665-D003-461B-9332-28689CFB39E5.dita">Pop-ups</xref></p><ul>

<li><p><xref href="GUID-5B9F25B5-5FE1-4E38-BC8D-A0273F458C36.dita">Discreet pop-up</xref></p></li>

<li><p><xref href="GUID-C4E728B4-3E84-49A4-83CB-DF146420D78A.dita">Stylus pop-up

menu</xref></p></li>

<li><p><xref href="GUID-E7EFAD50-3323-49A6-A5D9-95B95F0FBF0E.dita">Preview pop-up</xref></p><p><xref href="GUID-60B979FB-43BD-480E-8E17-1D3DA2002CB1.dita">Slider pop-up</xref></p><ul>

<li><p><xref href="GUID-CB163645-CB5E-4DB5-9830-B97D12FDCBF5.dita">Volume Controller</xref></p></li>

</ul></li>

<li><p><xref href="GUID-EC98E7E0-872D-467D-BDC8-6471F6165705.dita">Universal indicator

pop-up</xref></p></li>

<li><p><xref href="GUID-1B64E1D9-33AB-4C28-A471-22D4C51FEC43.dita">Tooltips</xref></p></li>

</ul><p/></entry>

<entry><fig id="GUID-4FBB5E9D-A58B-4043-BFF1-27DEADD5A411-GENID-1-12-1-7-1-1-5-1-2-2-1-5-10-2-1">

<image href="GUID-F0BC230B-CAEC-452D-8FF4-20803C63B07C_d0e81443_href.png" placement="inline"/>

</fig><fig id="GUID-C68B7CBA-6DA8-4DAF-AAEE-549784033BF5">

<image href="GUID-70E92884-004F-43B5-B740-B0C95E8E401C_d0e81447_href.png" placement="inline"/>

</fig></entry>

<entry><ul>

<li><p>Discreet pop-up API for discreet pop-ups</p></li>

<li><p>Stylus pop-up menu API for stylus pop-up menu</p></li>

<li><p><xref format="html" href="specs/guides/Information_Preview_Popup_API_Specification/Information_Preview_Popup_API_Specification.html" scope="peer">Information preview pop-up API</xref> for preview pop-up.</p></li>

</ul></entry>

</row>

<row>

<entry>               <p> <xref href="GUID-EB212C35-5416-4CA7-8091-61B45D78E220.dita">Toolbar</xref></p> 

           </entry>

<entry>               <fig id="GUID-CD41B544-521C-4271-A7D8-1C68399AB3A6">

<image href="GUID-2A4DED23-D0AB-436A-BCED-F0645FF05726_d0e81483_href.png" placement="inline"/>

</fig>             </entry>

<entry>               <p><xref href="GUID-B05B61B8-1217-441F-BAFA-C209C8F123C5.dita">Toolbar

API</xref>, <xref href="GUID-F3EE1000-71A6-4D48-A30B-3D2357BF20FB.dita">Generic

button API</xref> for buttons</p>             </entry>

</row>

<row>

<entry><p><xref href="GUID-CCC5BE18-E90D-4B81-AE6F-333B96E7A3F7.dita">Choice list</xref></p></entry>

<entry><fig id="GUID-EAE34488-B88B-4D2C-9DAB-A5D8C2AFDE4C">

<image href="GUID-7A2A9222-7D10-4007-95AB-C9584EC54698_d0e81509_href.png" placement="inline"/>

</fig></entry>

<entry><p><xref href="GUID-C29FE12C-C412-40A8-A067-27C63A519D71.dita">Choice list

API</xref></p></entry>

</row>

<row>

<entry>               <p><xref href="GUID-1AA32C40-CDE0-4627-A634-7C07BB1ED67B.dita">Forms</xref></p> 

           </entry>

<entry>               <fig id="GUID-F0BF6AEC-5F2D-4BFC-98B4-E8E934FCE10C">

<image href="GUID-11A79174-485E-425C-9653-193B670A3F03_d0e81531_href.png" placement="inline"/>

</fig>             </entry>

<entry>               <p><xref format="html" href="specs/guides/Form_API_Specification/Form_API_Specification.html" scope="peer">Form API</xref></p>                           </entry>

</row>

<row>

<entry>               <p><xref href="GUID-A5756C5F-9C93-4949-8B60-03DCA1BAF683.dita">Form

items</xref></p>               <ul>

<li><p>Text field</p>                 </li>

<li><p>Pop-up field</p>                 </li>

<li><p>Slider</p>                 </li>

</ul>             </entry>

<entry><fig id="GUID-65FDE0EB-6063-475D-BC7A-CF0D53445009">

<image href="GUID-DC4E42CA-2A65-44D7-8DBE-386F60F998A0_d0e81573_href.png" scale="27" placement="inline"/>

</fig></entry>

<entry>              <p><xref format="html" href="specs/guides/Form_API_Specification/Form_API_Specification.html" scope="peer">Form API</xref></p>             </entry>

</row>

<row>

<entry>               <p><xref href="GUID-40F5B725-A5D7-487F-BF5D-A616F768F40D.dita">Grouped

soft notification</xref>, <xref href="GUID-13DEE42F-3EAB-4EB7-9CE1-C4930BCACE01.dita">List

query</xref>, <xref href="GUID-434F2412-59A1-4BCB-885D-5E708EAA6AB6.dita">Grid

query</xref></p>             </entry>

<entry>               <fig id="GUID-0FF4831E-1870-40B0-8F29-A6F14826412E">

<image href="GUID-81767E3E-BE4D-40D9-A4F2-3801BCCC1EA7_d0e81603_href.png" placement="inline"/>

</fig>             </entry>

<entry>               <p>Queries API</p>             </entry>

</row>

<row>

<entry>               <p>Left/Right arrows in the <xref href="GUID-76FD2A71-E8A3-4C82-9704-3F7F6AD4DFD8.dita">Navi

pane</xref></p>             </entry>

<entry>               <fig id="GUID-DD17310A-C196-4DC6-82EB-D328B81628F5">

<image href="GUID-EDBCCC26-BA4D-4318-9F0D-62272FA97BBF_d0e81628_href.png" placement="inline"/>

</fig>             </entry>

<entry>               <p><xref format="html" href="specs/guides/Navigation_Pane_API_Specification/Navigation_Pane_API_Specification.html" scope="peer">Navigation pane API</xref></p>             </entry>

</row>

<row>

<entry>               <p><xref href="GUID-ED784025-4E65-4BE9-ADA8-A13427B6EA30.dita">Markable

list</xref></p>               <p><xref href="GUID-0822B030-E776-4BD5-B9C9-23D3821BCE1F.dita">Selection

list</xref></p>             </entry>

<entry>               <fig id="GUID-766A6391-9572-4231-8756-8ACDB5EED335">

<image href="GUID-8CCA308A-5302-4D95-8E60-DA75D8B6DC41_d0e81657_href.png" placement="inline"/>

</fig>             </entry>

<entry>               <p><xref format="html" href="specs/guides/Lists_API_Specification/Lists_API_Specification.html" scope="peer">Lists API</xref></p>             </entry>

</row>

<row>

<entry>               <p><xref href="GUID-0E695106-4139-4335-A11F-BD04418DD583.dita">Multi-selection

list</xref></p>             </entry>

<entry>               <fig id="GUID-E899EFED-C4E7-45A3-B262-A5D3DFFB96BC">

<image href="GUID-3AA34D0C-539D-4D4E-9337-EB5B83AEF4C1_d0e81682_href.png" placement="inline"/>

</fig>             </entry>

<entry>               <p><xref format="html" href="specs/guides/Lists_API_Specification/Lists_API_Specification.html" scope="peer">Lists API</xref></p>             </entry>

</row>

<row>

<entry>               <p><xref href="GUID-11C24609-3B6D-4B44-B003-FB0C07444A9E.dita">Scrollbar</xref></p> 

           </entry>

<entry><fig id="GUID-3123A8A3-1DEF-4DA2-8A55-9D4FD0966D8A">

<image href="GUID-3382507E-1B21-418C-A908-DD3F688C0672_d0e81706_href.png" placement="inline"/>

</fig></entry>

<entry><p><xref format="html" href="specs/guides/Scroller_API_Specification/Scroller_API_Specification.html" scope="peer">Scroller API</xref></p></entry>

</row>

<row>

<entry>               <p><b>Setting items</b></p>             </entry>

<entry/>

<entry><p><xref format="html" href="specs/guides/Setting_Pages_API_Specification/Setting_Pages_API_Specification.html" scope="peer">Setting pages API</xref></p></entry>

</row>

<row>

<entry>               <p>Pop-up setting</p>             </entry>

<entry><fig id="GUID-B2C37310-2E83-44A9-BDE8-28C273C89152">

<image href="GUID-DFBBA71F-0042-4303-B66F-0D291106B655_d0e81743_href.png" placement="inline"/>

</fig></entry>

<entry>               <p/>             </entry>

</row>

<row>

<entry>               <p>Multi-selection list setting</p>             </entry>

<entry><fig id="GUID-B9E2C260-5278-4C2E-B76C-17305547F324">

<image href="GUID-3AA34D0C-539D-4D4E-9337-EB5B83AEF4C1_d0e81763_href.png" placement="inline"/>

</fig></entry>

<entry>               <p/>             </entry>

</row>

<row>

<entry><p><xref href="GUID-B452DBD8-F9EB-4DAB-9D0C-3B11D7C360F4.dita">Text setting</xref></p></entry>

<entry><fig id="GUID-C9E90E52-534A-41FE-A4E0-5DD39ADB8C1A">

<image href="GUID-F161C184-2016-4331-A57C-78C753453EFE_d0e81782_href.png" placement="inline"/>

</fig></entry>

<entry>               <p/>             </entry>

</row>

<row>

<entry><p><xref href="GUID-1BDADA7A-D517-49F4-AF46-AFC2B7758571.dita">Slider setting</xref></p></entry>

<entry><fig id="GUID-6EAC8628-057C-4164-A6E9-D01BF6326276">

<image href="GUID-D8D65830-CC9D-4E9F-A206-34BB077E89E6_d0e81801_href.png" placement="inline"/>

</fig></entry>

<entry>               <p/>             </entry>

</row>

<row>

<entry>               <p><xref href="GUID-F149726A-CC79-42A1-8A25-E15AC14ABE9A.dita">Setting

list</xref></p>             </entry>

<entry>               <fig id="GUID-8331EB35-DA07-4A91-B5E4-63246039FE91">

<image href="GUID-EC7E0C0E-EEB0-45B5-BE4A-11CAF78EC366_d0e81823_href.png" placement="inline"/>

</fig>             </entry>

<entry>               <p><xref format="html" href="specs/guides/Setting_Pages_API_Specification/Setting_Pages_API_Specification.html" scope="peer">Setting pages API</xref>, <xref format="html" href="specs/guides/Lists_API_Specification/Lists_API_Specification.html" scope="peer">Lists API</xref></p>             </entry>

</row>

<row>

<entry>               <p>Softkeys (left and right) in the <xref href="GUID-8B137691-7C9E-4085-BFFE-4CFE4A64A091.dita">Control

pane</xref></p>               <note>There is no middle softkey label in Touch

UI</note>             </entry>

<entry>               <fig id="GUID-9EE9B343-0FA2-4A7B-A302-21D16DE078EA">

<image href="GUID-A0208BE3-127F-4D04-8045-09C54EF202DD_d0e81855_href.png" placement="inline"/>

</fig>             </entry>

<entry>               <p><xref format="html" href="specs/guides/Buttons_API_Specification/Buttons_API_Specification.html" scope="peer">Buttons API</xref></p>             </entry>

</row>

<row>

<entry>               <p><xref href="GUID-771AF721-E2D7-41C8-BF97-5BD30D1A28AD.dita">Status

pane</xref></p>               <ul>

<li>                   <p><xref href="GUID-66EFFCF5-581A-4EE7-B784-8087A1081B6D.dita">Title

pane</xref></p>                 </li>

<li>                   <p><xref href="GUID-76FD2A71-E8A3-4C82-9704-3F7F6AD4DFD8.dita">Navi

pane</xref></p>                 </li>

<li>                   <p><xref href="GUID-A947B5A8-9138-4FA2-B8D8-2850AEB2F38C.dita">Battery

pane</xref></p>                 </li>

<li>                   <p><xref href="GUID-314B1556-5CB5-4BCC-93C0-B22DB849D2D5.dita">Universal

indicator pane</xref></p>                 </li>

<li>                   <p><xref href="GUID-DF3F2FD0-FF68-4CEF-843F-CBC9E84F3A7F.dita">Signal

pane</xref></p>                 </li>

<li><p><xref href="GUID-CA2AACD9-A99D-4C34-80AF-C1B61AC9331F.dita">Clock Pane</xref></p></li>

</ul>             </entry>

<entry>               <fig id="GUID-A9181E38-4478-4705-8F63-1B0B209899B3">

<image href="GUID-D9F3D83E-50C7-4D15-839C-F225D95865B0_d0e81923_href.png" placement="inline"/>

</fig>             </entry>

<entry>               <ul>

<li><p><xref format="html" href="specs/guides/Status_Pane_API_Specification/Status_Pane_API_Specification.html" scope="peer">Status pane API</xref> for the entire status pane</p></li>

<li><p>Title pane API for the title pane</p></li>

<li><p>Title Pane Touch Observer API for title pane touch events</p></li>

<li><p><xref format="html" href="specs/guides/Navigation_Pane_API_Specification/Navigation_Pane_API_Specification.html" scope="peer">Navigation pane API</xref> for the entire navi pane</p></li>

<li><p><xref format="html" href="specs/guides/Tabs_API_Specification/Tabs_API_Specification.html" scope="peer">Tabs API</xref> for tabs in the navi pane</p></li>

<li><p>HWRM power state API for a publish and subscribe interface to battery

status</p></li>

<li><p>Indicators API for the indicator pane</p></li>

<li><p>The signal pane is not accessible to applications.</p></li>

</ul>             </entry>

</row>

</tbody>

</tgroup>

</table>

<p>For details on touch support of these components, see <xref href="GUID-BB8B3A11-0BBC-4759-A7F4-A28C9E70573F.dita">Touch

support for UI components</xref></p>

</conbody></concept>