<?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-8-1-6-1-1-5-1-2-2">
<tgroup cols="3"><colspec colname="col1" colwidth="0.40*"/><colspec colname="col2" colwidth="1.38*"/><colspec colname="col3" colwidth="1.21*"/>
<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-C4E728B4-3E84-49A4-83CB-DF146420D78A.dita">Stylus
pop-up menu</xref></p> </entry>
<entry> <fig id="GUID-C68B7CBA-6DA8-4DAF-AAEE-549784033BF5">
<image href="GUID-70E92884-004F-43B5-B740-B0C95E8E401C_d0e57062_href.png" placement="inline"/>
</fig> </entry>
<entry><p>Stylus pop-up menu API</p></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_d0e57086_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>Choice list</p></entry>
<entry><fig id="GUID-EAE34488-B88B-4D2C-9DAB-A5D8C2AFDE4C">
<image href="GUID-7A2A9222-7D10-4007-95AB-C9584EC54698_d0e57111_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_d0e57133_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_d0e57178_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_d0e57208_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-13EFAD4E-B334-4B64-85B0-C5EE3294FD97-GENID-1-8-1-6-1-1-5-1-2-2-1-5-7-2-1">
<image href="GUID-76901D63-BDA2-4DCA-A66C-7BAFD7E211EB_d0e57233_href.png" scale="27" 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_d0e57262_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>Menu list (e.g., <xref href="GUID-BFEEECCA-190B-4DDE-8A04-4FE918BE8690.dita">Options
menu</xref> and submenus)</p> </entry>
<entry> <fig id="GUID-7F128013-32DC-4567-908E-BAC6297C5E43">
<image href="GUID-8BA0D643-5ED1-4DC4-82EC-C8AA392DCBC4_d0e57289_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-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_d0e57314_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-E7EFAD50-3323-49A6-A5D9-95B95F0FBF0E.dita">Preview
pop-up</xref></p> </entry>
<entry><fig id="GUID-BC4E1D2A-8F82-4F92-9F3C-7FEE4192A5F5">
<image href="GUID-02072A1B-6F60-457B-8F26-2B25A6EA7C5F_d0e57338_href.png" placement="inline"/>
</fig></entry>
<entry><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></p></entry>
</row>
<row>
<entry> <p><xref href="GUID-11C24609-3B6D-4B44-B003-FB0C07444A9E.dita">Scroll
pane</xref></p> </entry>
<entry><fig id="GUID-3123A8A3-1DEF-4DA2-8A55-9D4FD0966D8A">
<image href="GUID-3382507E-1B21-418C-A908-DD3F688C0672_d0e57359_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-36BF077E-CD71-416E-831D-16328826753E">
<image href="GUID-DFBBA71F-0042-4303-B66F-0D291106B655_d0e57398_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_d0e57418_href.png" placement="inline"/>
</fig></entry>
<entry> <p/> </entry>
</row>
<row>
<entry> <p>Text setting</p> </entry>
<entry><fig id="GUID-C9E90E52-534A-41FE-A4E0-5DD39ADB8C1A">
<image href="GUID-F161C184-2016-4331-A57C-78C753453EFE_d0e57438_href.png" placement="inline"/>
</fig></entry>
<entry> <p/> </entry>
</row>
<row>
<entry> <p>Slider setting</p> </entry>
<entry><fig id="GUID-6EAC8628-057C-4164-A6E9-D01BF6326276">
<image href="GUID-D8D65830-CC9D-4E9F-A206-34BB077E89E6_d0e57458_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_d0e57480_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_d0e57512_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>Tabs in the <xref href="GUID-76FD2A71-E8A3-4C82-9704-3F7F6AD4DFD8.dita">Navi
pane</xref></p> </entry>
<entry> <fig id="GUID-79A9AE58-4062-46E9-9066-FC8378C03039">
<image href="GUID-65365507-5773-4FE9-B63E-450CC2DD7570_d0e57538_href.png" placement="inline"/>
</fig> </entry>
<entry> <p><xref format="html" href="specs/guides/Tabs_API_Specification/Tabs_API_Specification.html" scope="peer">Tabs API</xref>, <xref format="html" href="specs/guides/Navigation_Pane_API_Specification/Navigation_Pane_API_Specification.html" scope="peer">Navigation pane API</xref> (container)</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>
</ul> </entry>
<entry> <fig id="GUID-A9181E38-4478-4705-8F63-1B0B209899B3">
<image href="GUID-D9F3D83E-50C7-4D15-839C-F225D95865B0_d0e57605_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>
<row>
<entry><p><xref href="GUID-60B979FB-43BD-480E-8E17-1D3DA2002CB1.dita"><b>Slider
pop-up</b></xref></p><ul>
<li><p><xref href="CB163645-CB5E-4DB5-9830-B97D12FDCBF5.dita">Volume Controller</xref></p></li>
</ul></entry>
<entry><fig id="GUID-3D11667A-7280-4614-BCB7-7F34BF453584">
<image href="GUID-F96623BF-B646-46B4-942E-69EB065BE491_d0e57672_href.png" placement="inline"/>
</fig></entry>
<entry/>
</row>
<row>
<entry><p><xref href="GUID-EC98E7E0-872D-467D-BDC8-6471F6165705.dita">Universal
indicator pop-up</xref></p></entry>
<entry><fig id="GUID-01050257-59D4-4224-8756-22F9524B94AB-GENID-1-8-1-6-1-1-5-1-2-2-1-5-23-2-1">
<image href="GUID-2CBD504A-5538-4823-9139-2941A0BA5E8B_d0e57688_href.png" placement="inline"/>
</fig></entry>
<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>