<li><code>ELM_GLVIEW_STENCIL</code>: Enable the stencil buffer for rendering.</li>
<li><code>ELM_GLVIEW_MULTISAMPLE_LOW</code>: Use MSAA with a minimum number of samples.</li>
</ul>
-<p>For more information, see the <code>Elm_GLView_Mode</code> enumerator (in <a href="../../../../org.tizen.native.mobile.apireference/group__GLView.html#ga4d0a2281e13c66d7274987ef24e7abe7">mobile</a> and <a href="../../../../org.tizen.native.wearable.apireference/group__GLView.html#ga4d0a2281e13c66d7274987ef24e7abe7">wearable</a> applications).</p>
+<p>For more information, see the <code>Elm_GLView_Mode</code> enumerator (in <a href="../../../../org.tizen.native.mobile.apireference/group__Elm__GLView.html#ga4d0a2281e13c66d7274987ef24e7abe7">mobile</a> and <a href="../../../../org.tizen.native.wearable.apireference/group__Elm__GLView.html#ga4d0a2281e13c66d7274987ef24e7abe7">wearable</a> applications).</p>
<p>In the following example, the alpha channel and depth buffer are enabled.</p>
<pre class="prettyprint">
/* Request a surface with alpha and a depth buffer */
</ul>
<p class="toc-title">Related Info</p>
<ul class="toc">
- <li><a href="../../../../../org.tizen.native.mobile.apireference/group__Accessibility.html">Accessibility API for Mobile Native</a></li>
- <li><a href="../../../../../org.tizen.native.wearable.apireference/group__Accessibility.html">Accessibility API for Wearable Native</a></li>
+ <li><a href="../../../../../org.tizen.native.mobile.apireference/group__elm__accessibility__group.html">Accessibility API for Mobile Native</a></li>
+ <li><a href="../../../../../org.tizen.native.wearable.apireference/group__elm__accessibility__group.html">Accessibility API for Wearable Native</a></li>
</ul>
</div></div>
</div>
</ul>
<p class="toc-title">Related Info</p>
<ul class="toc">
- <li><a href="../../../../../org.tizen.native.mobile.apireference/group__Accessibility.html">Accessibility API for Mobile Native</a></li>
- <li><a href="../../../../../org.tizen.native.wearable.apireference/group__Accessibility.html">Accessibility API for Wearable Native</a></li>
+ <li><a href="../../../../../org.tizen.native.mobile.apireference/group__elm__accessibility__group.html">Accessibility API for Mobile Native</a></li>
+ <li><a href="../../../../../org.tizen.native.wearable.apireference/group__elm__accessibility__group.html">Accessibility API for Wearable Native</a></li>
</ul>
</div></div>
</div>
</ul>
<p class="toc-title">Related Info</p>
<ul class="toc">
- <li><a href="../../../../../org.tizen.native.mobile.apireference/group__Accessibility.html">Accessibility API for Mobile Native</a></li>
- <li><a href="../../../../../org.tizen.native.wearable.apireference/group__Accessibility.html">Accessibility API for Wearable Native</a></li>
+ <li><a href="../../../../../org.tizen.native.mobile.apireference/group__elm__accessibility__group.html">Accessibility API for Mobile Native</a></li>
+ <li><a href="../../../../../org.tizen.native.wearable.apireference/group__elm__accessibility__group.html">Accessibility API for Wearable Native</a></li>
</ul>
</div></div>
</div>
</ul>
<p class="toc-title">Related Info</p>
<ul class="toc">
- <li><a href="../../../../../org.tizen.native.mobile.apireference/group__Accessibility.html">Accessibility API for Mobile Native</a></li>
- <li><a href="../../../../../org.tizen.native.wearable.apireference/group__Accessibility.html">Accessibility API for Wearable Native</a></li>
+ <li><a href="../../../../../org.tizen.native.mobile.apireference/group__elm__accessibility__group.html">Accessibility API for Mobile Native</a></li>
+ <li><a href="../../../../../org.tizen.native.wearable.apireference/group__elm__accessibility__group.html">Accessibility API for Wearable Native</a></li>
</ul>
</div></div>
</div>
<h1>Background</h1>
-<p>The background UI component is used to set a solid background decoration to a window or a container object. It works like an image, but has some background-specific properties. It can be set to a tiled, centered, scaled, or stretched mode. The background is the most simple UI component in that it emits no signals. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Bg.html">Background</a> API.</p>
+<p>The background UI component is used to set a solid background decoration to a window or a container object. It works like an image, but has some background-specific properties. It can be set to a tiled, centered, scaled, or stretched mode. The background is the most simple UI component in that it emits no signals. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Bg.html">Background</a> API.</p>
<p>This feature is supported in mobile applications only.</p>
<h1>Background</h1>
-<p>The background UI component is used to set a solid background decoration to a window or a container object. It works like an image, but has some background-specific properties. It can be set to a tiled, centered, scaled, or stretched mode. The background is the most simple UI component in that it emits no signals. For more information, see the <a href="../../../../../org.tizen.native.wearable.apireference/group__Bg.html">Background</a> API.</p>
+<p>The background UI component is used to set a solid background decoration to a window or a container object. It works like an image, but has some background-specific properties. It can be set to a tiled, centered, scaled, or stretched mode. The background is the most simple UI component in that it emits no signals. For more information, see the <a href="../../../../../org.tizen.native.wearable.apireference/group__Elm__Bg.html">Background</a> API.</p>
<p>This feature is supported in wearable applications only.</p>
<div id="container"><div id="contents"><div class="content">
<h1>Button</h1>
-<p>The button UI component works as a clickable input element to trigger events. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Button.html">Button</a> API.</p>
+<p>The button UI component works as a clickable input element to trigger events. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Button.html">Button</a> API.</p>
<p>This feature is supported in mobile applications only.</p>
<p>The button component is a simple push button, which is composed of a label icon and an icon object. The button supports the autorepeat feature.</p>
-<p>For more information, see the <a href="../../../../../org.tizen.native.wearable.apireference/group__Button.html">Button</a> API.</p>
+<p>For more information, see the <a href="../../../../../org.tizen.native.wearable.apireference/group__Elm__Button.html">Button</a> API.</p>
<p align="center"><strong>Figure: Button component</strong></p>
<p align="center"><img alt="Button component" src="../../../images/button_wn.png" /></p>
<div id="container"><div id="contents"><div class="content">
<h1>Calendar</h1>
-<p>The calendar UI component displays month views. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Calendar.html">Calendar</a> API.</p>
+<p>The calendar UI component displays month views. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Calendar.html">Calendar</a> API.</p>
<p>This feature is supported in mobile applications only.</p>
<div id="container"><div id="contents"><div class="content">
<h1>Check</h1>
-<p>The check UI component accepts user input by the method of toggling. It is similar to the <a href="component_radio_mn.htm">radio</a> component, except that it does not work as a group. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Check.html">Check</a> API.</p>
+<p>The check UI component accepts user input by the method of toggling. It is similar to the <a href="component_radio_mn.htm">radio</a> component, except that it does not work as a group. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Check.html">Check</a> API.</p>
<p>This feature is supported in mobile applications only.</p>
<div id="container"><div id="contents"><div class="content">
<h1>Check</h1>
-<p>The check UI component accepts user input by the method of toggling. It is similar to the <a href="component_radio_wn.htm">radio</a> component, except that it does not work as a group. For more information, see the <a href="../../../../../org.tizen.native.wearable.apireference/group__Check.html">Check</a> API.</p>
+<p>The check UI component accepts user input by the method of toggling. It is similar to the <a href="component_radio_wn.htm">radio</a> component, except that it does not work as a group. For more information, see the <a href="../../../../../org.tizen.native.wearable.apireference/group__Elm__Check.html">Check</a> API.</p>
<p>This feature is supported in wearable applications only.</p>
<h1>Colorselector</h1>
-<p>The colorselector UI component allows users to select a color. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Colorselector.html">Colorselector</a> API.</p>
+<p>The colorselector UI component allows users to select a color. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Colorselector.html">Colorselector</a> API.</p>
<p>This feature is supported in mobile applications only.</p>
<h2 id="basic">Basic Usage</h2>
<h1>Ctxpopup</h1>
-<p>The ctxpopup UI component pops up and shows a list of items inside it. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Ctxpopup.html">Ctxpopup</a> API.</p>
+<p>The ctxpopup UI component pops up and shows a list of items inside it. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Ctxpopup.html">Ctxpopup</a> API.</p>
<p>This feature is supported in mobile applications only.</p>
<p>The context popup (ctxpopup) component is a contextual popup that can show a list of items inside it.</p>
-<p>For more information, see the <a href="../../../../../org.tizen.native.wearable.apireference/group__Ctxpopup.html">Ctxpopup</a> API.</p>
+<p>For more information, see the <a href="../../../../../org.tizen.native.wearable.apireference/group__Elm__Ctxpopup.html">Ctxpopup</a> API.</p>
<p align="center"><strong>Figure: Ctxpopup component</strong></p>
<p align="center"><img alt="Ctxpopup component" src="../../../images/ctxpopup_wn.png" /></p>
<h1>Datetime</h1>
-<p>The datetime UI component displays date and time values. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Datetime.html">Datetime</a> API.</p>
+<p>The datetime UI component displays date and time values. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Datetime.html">Datetime</a> API.</p>
<p>This feature is supported in mobile applications only.</p>
<h2 id="basic">Basic Usage</h2>
datetime = elm_datetime_add(parent);
</pre>
</li>
-<li>Set a <a href="#style">style</a> and format. The datetime format is a combination of LIBC standard characters, such as "%d %b %Y %I : %M %M". For more information on the format characters, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Datetime.html">Datetime</a> API.
+<li>Set a <a href="#style">style</a> and format. The datetime format is a combination of LIBC standard characters, such as "%d %b %Y %I : %M %M". For more information on the format characters, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Datetime.html">Datetime</a> API.
<ul>
<li>Set a style to the datetime component with the <code>elm_object_style_set()</code> function. If you use the default style, you can skip this step.
<pre class="prettyprint">
<p>The datetime component displays date and time values.</p>
-<p>For more information, see the <a href="../../../../../org.tizen.native.wearable.apireference/group__Datetime.html">Datetime</a> API.</p>
+<p>For more information, see the <a href="../../../../../org.tizen.native.wearable.apireference/group__Elm__Datetime.html">Datetime</a> API.</p>
<p align="center"><strong>Figure: Datetime component</strong></p>
<p align="center"><img alt="Datetime component" src="../../../images/datetime_wn.png" /> </p>
elm_datetime_format_set(datetime, "%d/%b/%Y%I:%M");
</pre>
-<p>For a complete list of available specifiers, see the <a href="../../../../../org.tizen.native.wearable.apireference/group__Datetime.html">Datetime</a> API.</p>
+<p>For a complete list of available specifiers, see the <a href="../../../../../org.tizen.native.wearable.apireference/group__Elm__Datetime.html">Datetime</a> API.</p>
<h2 id="callback">Using the Datetime Callbacks</h2>
<p>The entry component includes an Evas <a href="../../../../../org.tizen.native.mobile.apireference/group__Evas__Object__Textblock.html">Textblock</a> in it, which means that it supports the features of the textblock component, such as text wrapping and formatted markup text.</p>
-<p>For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Entry.html">Entry</a> API.</p>
+<p>For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Entry.html">Entry</a> API.</p>
<p align="center"><strong>Figure: Entry component</strong></p>
<p align="center"> <img alt="Entry component" width="220" src="../../../images/entry.png" /> <img alt="Entry component" width="220" src="../../../images/entry2.png" /> </p>
<ul>
<li>Format the entry text with markup elements that are defined in the theme.
-<p> For example, you can use the <code><br></code> element to insert a line break. For a list of available markup elements, see <a href="../../../../../org.tizen.native.mobile.apireference/group__Entry.html#entry-markup">Formatted text</a>.</p>
+<p> For example, you can use the <code><br></code> element to insert a line break. For a list of available markup elements, see <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Entry.html#entry-markup">Formatted text</a>.</p>
</li>
<li>Add special markups within the entry text:
<h2 id="setting_panel">Setting the Input Panel Layout and Return Key Type</h2>
-<p>The input panel has different input types, such as number, date, URL, and emoticon. You can specify the keyboard layout type you want for the entry component with the <a href="../../../../../org.tizen.native.mobile.apireference/group__Entry.html#gabf2a52ba5bbfc9bd40f367c42b1a6619">Elm_Input_Panel_Layout</a> enumerator, which defines the available input types.</p>
+<p>The input panel has different input types, such as number, date, URL, and emoticon. You can specify the keyboard layout type you want for the entry component with the <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Entry.html#gabf2a52ba5bbfc9bd40f367c42b1a6619">Elm_Input_Panel_Layout</a> enumerator, which defines the available input types.</p>
<p>To set the input panel layout to the phone number layout:</p>
<p align="center"><img alt="HEX" src="../../../images/input_panel_HEX.png" /> <img alt="TERMINAL" src="../../../images/input_panel_TERMINAL.png" /> <img alt="PASSWORD" src="../../../images/input_panel_PASSWORD.png" /></p>
<p align="center"><img alt="DATETIME" src="../../../images/input_panel_DATETIME.png"/> <img alt="EMOTICON" src="../../../images/input_panel_EMOTICON.png" /></p>
-<p>You can change the return key type in the input panel layout. You can specify the return key type you want for the entry component with the <a href="../../../../../org.tizen.native.mobile.apireference/group__Entry.html#ga24d4dcdebc49e633b8039f73b8aec3c3">Elm_Input_Panel_Return_Key_Type</a> enumerator, which defines the available return key types.</p>
+<p>You can change the return key type in the input panel layout. You can specify the return key type you want for the entry component with the <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Entry.html#ga24d4dcdebc49e633b8039f73b8aec3c3">Elm_Input_Panel_Return_Key_Type</a> enumerator, which defines the available return key types.</p>
<p>To set the return key type to the join key:</p>
<p>The entry component includes an Evas <a href="../../../../../org.tizen.native.wearable.apireference/group__Evas__Object__Textblock.html">Textblock</a> in it, which means that it supports the features of the textblock component, such as text wrapping and formatted markup text.</p>
- <p>For more information, see the <a href="../../../../../org.tizen.native.wearable.apireference/group__Entry.html">Entry</a> API.</p>
+ <p>For more information, see the <a href="../../../../../org.tizen.native.wearable.apireference/group__Elm__Entry.html">Entry</a> API.</p>
<p align="center"><strong>Figure: Entry component</strong></p>
<p align="center"><img alt="Entry component" src="../../../images/entry_wn.png" /> </p>
<ul>
<li>Format the entry text with markup elements that are defined in the theme.
-<p> For example, you can use the <code><br></code> element to insert a line break. For a list of available markup elements, see <a href="../../../../../org.tizen.native.wearable.apireference/group__Entry.html#entry-markup">Formatted text</a>.</p>
+<p> For example, you can use the <code><br></code> element to insert a line break. For a list of available markup elements, see <a href="../../../../../org.tizen.native.wearable.apireference/group__Elm__Entry.html#entry-markup">Formatted text</a>.</p>
</li>
<li>Add special markups within the entry text:
-<p>The flip UI component is used for a transition effect, which can hold 2 <code>Evas_Objects</code> and flip between them using several predefined animations. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Flip.html">Flip</a> API.</p>
+<p>The flip UI component is used for a transition effect, which can hold 2 <code>Evas_Objects</code> and flip between them using several predefined animations. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Flip.html">Flip</a> API.</p>
<p>This feature is supported in mobile applications only.</p>
<p align="center"><strong>Figure: Flip hierarchy</strong></p>
elm_object_part_content_set(flip, "back", content2);
</pre>
</li>
- <li>Run a flip animation using the <code>elm_flip_go()</code> function. The <code>ELM_FLIP_CUBE_UP</code> animation mode flips up the <code>front</code> content object as if it was on a side of a cube, letting the down facing side of the cube appear with the <code>back</code> content object. For a complete list of animation modes, see <a href="../../../../../org.tizen.native.mobile.apireference/group__Flip.html#ga24518d66196b5b634a207fd02e09250e">elm_flip_go() Remarks</a>.
+ <li>Run a flip animation using the <code>elm_flip_go()</code> function. The <code>ELM_FLIP_CUBE_UP</code> animation mode flips up the <code>front</code> content object as if it was on a side of a cube, letting the down facing side of the cube appear with the <code>back</code> content object. For a complete list of animation modes, see <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Flip.html#ga24518d66196b5b634a207fd02e09250e">elm_flip_go() Remarks</a>.
<pre class="prettyprint">
elm_flip_go(flip, ELM_FLIP_CUBE_UP);
</pre>
<pre class="prettyprint">
elm_flip_interaction_set(flip, ELM_FLIP_INTERACTION_ROTATE);
</pre>
-<p>For a complete list of interaction modes, see <a href="../../../../../org.tizen.native.mobile.apireference/group__Flip.html#ga9d1b9214b24f3eb7c5066f2980780e23">elm_flip_interaction_set() Remarks</a>.</p>
+<p>For a complete list of interaction modes, see <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Flip.html#ga9d1b9214b24f3eb7c5066f2980780e23">elm_flip_interaction_set() Remarks</a>.</p>
</li>
<li>
<p>Select which interaction directions are enabled.</p>
-<p>The gengrid UI component is based on the same idea as <a href="component_genlist_mn.htm">genlist</a>. It aims to display objects on a grid layout and render only the visible ones. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Gengrid.html">Gengrid</a> API.</p>
+<p>The gengrid UI component is based on the same idea as <a href="component_genlist_mn.htm">genlist</a>. It aims to display objects on a grid layout and render only the visible ones. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Gengrid.html">Gengrid</a> API.</p>
<p>This feature is supported in mobile applications only.</p>
<p>To save memory and speed up processing when many items exist, the gengrid uses the concept of "realization" when managing items. It means that a gengrid item creates its text and content (realizes) when the user scrolls the grid and the item shows up on the screen, and frees them (unrealizes) when the item is scrolled out of the screen. To enable the item realization, you must create and fill an <code>Elm_Gengrid_Item_Class</code> structure (gengrid item class) that informs the gengrid component which callbacks to call when an item is created or deleted. When the item is created, the text and content are retrieved by calling the <code>text_get</code> and <code>content_get</code> functions defined in the gengrid item class.</p>
<h1>Genlist</h1>
-<p>The genlist UI component displays a scrollable list of items. It allows you to manage a lot of items while still being fast and having a low memory footprint, as only visible items are allocated in the memory. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Genlist.html">Genlist</a> API.</p>
+<p>The genlist UI component displays a scrollable list of items. It allows you to manage a lot of items while still being fast and having a low memory footprint, as only visible items are allocated in the memory. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Genlist.html">Genlist</a> API.</p>
<p>This feature is supported in mobile applications only.</p>
<p>To save memory and speed up processing when many items exist, the genlist uses the concept of "realization" when managing items. It means that a genlist item creates its text and content (realizes) when the user scrolls the list and the item shows up on the screen, and frees them (unrealizes) when the item is scrolled out of the screen. Since item realization is dynamic, you cannot set content in advance. You need to fill the item in the form of a callback function. That is the key point of using a genlist component.</p>
<p>Genlist is a UI component that displays a scrollable list of items. It allows you to manage a lot of items while still being fast and having a low memory footprint, as only the visible items are allocated in the memory.</p>
-<p>For more information, see the <a href="../../../../../org.tizen.native.wearable.apireference/group__Genlist.html">Genlist</a> API.</p>
+<p>For more information, see the <a href="../../../../../org.tizen.native.wearable.apireference/group__Elm__Genlist.html">Genlist</a> API.</p>
<p align="center"><strong>Figure: Genlist component</strong></p>
<p align="center"> <img alt="Genlist component" src="../../../images/genlist.png" /> </p>
<p>The GLView component renders OpenGL® in an Elementary object, which hides Evas GL complexity.</p>
-<p>For more information, see the <a href="../../graphics/opengl_n.htm">OpenGL® ES</a> guide and the <a href="../../../../../org.tizen.native.mobile.apireference/group__GLView.html">GLView</a> API.</p>
+<p>For more information, see the <a href="../../graphics/opengl_n.htm">OpenGL® ES</a> guide and the <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__GLView.html">GLView</a> API.</p>
<p align="center"><strong>Figure: GLView component</strong></p>
<p align="center"><img alt="GLView component" src="../../../images/glview.png" /></p>
<ul>
<li>
-<p>Enable the appropriate GLView rendering modes. The <a href="../../../../../org.tizen.native.mobile.apireference/group__GLView.html#ga4d0a2281e13c66d7274987ef24e7abe7">Elm_GLView_Mode</a> enumerator defines the available modes.</p>
+<p>Enable the appropriate GLView rendering modes. The <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__GLView.html#ga4d0a2281e13c66d7274987ef24e7abe7">Elm_GLView_Mode</a> enumerator defines the available modes.</p>
<p>To enable the alpha channel and depth buffer rendering modes:</p>
<pre class="prettyprint">
<p>The GLView component renders OpenGL® in an Elementary object, which hides Evas GL complexity.</p>
-<p>For more information, see the <a href="../../graphics/opengl_n.htm">OpenGL® ES</a> guide and the <a href="../../../../../org.tizen.native.wearable.apireference/group__GLView.html">GLView</a> API.</p>
+<p>For more information, see the <a href="../../graphics/opengl_n.htm">OpenGL® ES</a> guide and the <a href="../../../../../org.tizen.native.wearable.apireference/group__Elm__GLView.html">GLView</a> API.</p>
<p align="center"><strong>Figure: GLView component</strong></p>
<ul>
<li>
-<p>Enable the appropriate GLView rendering modes. The <a href="../../../../../org.tizen.native.wearable.apireference/group__GLView.html#ga4d0a2281e13c66d7274987ef24e7abe7">Elm_GLView_Mode</a> enumerator defines the available modes.</p>
+<p>Enable the appropriate GLView rendering modes. The <a href="../../../../../org.tizen.native.wearable.apireference/group__Elm__GLView.html#ga4d0a2281e13c66d7274987ef24e7abe7">Elm_GLView_Mode</a> enumerator defines the available modes.</p>
<p>To enable the alpha channel and depth buffer rendering modes:</p>
<pre class="prettyprint">
<p>The hoversel component is a button that pops up a list of items (automatically choosing the direction to display).</p>
<p>The hoversel component inherits from the button component, which means that button functions can be used on the hoversel component.</p>
-<p>For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Hoversel.html">Hoversel</a> API.</p>
+<p>For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Hoversel.html">Hoversel</a> API.</p>
<p align="center"><strong>Figure: Hoversel component</strong></p>
<p align="center"><img alt="Hoversel component" src="../../../images/hoversel.png" /></p>
<p>The icon component inherits from the image component, which means that image functions can be used on the icon component.</p>
-<p>For more information, see the <a href="../../../../../org.tizen.native.wearable.apireference/group__Icon.html">Icon</a> API.</p>
+<p>For more information, see the <a href="../../../../../org.tizen.native.wearable.apireference/group__Elm__Icon.html">Icon</a> API.</p>
<p align="center"><strong>Figure: Icon hierarchy</strong></p>
<p align="center"> <img alt="Icon hierarchy" src="../../../images/icon_tree.png" /> </p>
<p>The image component can load and display an image from a disk file or a memory region.</p>
-<p>For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Image.html">Image</a> API.</p>
+<p>For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Image.html">Image</a> API.</p>
<p align="center"><strong>Figure: Image component</strong></p>
<p align="center"> <img alt="Image component" src="../../../images/image.png" /> </p>
<p>The image component can load and display an image from a disk file or a memory region.</p>
-<p>For more information, see the <a href="../../../../../org.tizen.native.wearable.apireference/group__Image.html">Image</a> API.</p>
+<p>For more information, see the <a href="../../../../../org.tizen.native.wearable.apireference/group__Elm__Image.html">Image</a> API.</p>
<p align="center"><strong>Figure: Image component</strong></p>
<p align="center"> <img alt="Image component" src="../../../images/image_wn.png" /> </p>
<p>In the default theme, the index component is a one-finger-wide area on the right side of the index component's container. Generally, it is used together with lists, generic lists, or generic grids.</p>
-<p>For more information, see the <a href="../../../../../org.tizen.native.wearable.apireference/group__Index.html">Index</a> API.</p>
+<p>For more information, see the <a href="../../../../../org.tizen.native.wearable.apireference/group__Elm__Index.html">Index</a> API.</p>
<p align="center"><strong>Figure: Index component</strong></p>
<p align="center"> <img alt="Index component" src="../../../images/index_wn.png" /> </p>
<div id="container"><div id="contents"><div class="content">
<h1>Label</h1>
-<p>The label UI component displays texts with a simple HTML-like markup. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Label.html">Label</a> API.</p>
+<p>The label UI component displays texts with a simple HTML-like markup. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Label.html">Label</a> API.</p>
<p>This feature is supported in mobile applications only.</p>
<p>The label component displays text with a simple HTML-like markup.</p>
-<p>For more information, see the <a href="../../../../../org.tizen.native.wearable.apireference/group__Label.html">Label</a> API.</p>
+<p>For more information, see the <a href="../../../../../org.tizen.native.wearable.apireference/group__Elm__Label.html">Label</a> API.</p>
<p align="center"><strong>Figure: Label component</strong></p>
<p align="center"> <img alt="Label component" src="../../../images/label_wn.png" /> </p>
<p>The list is a very simple UI component used to manage a limited number of items. For lists with a lot of items, use the <a href="component_genlist_mn.htm">Genlist</a>.</p>
- <p>For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__List.html">List</a> API.</p>
+ <p>For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__List.html">List</a> API.</p>
<p align="center"><strong>Figure: List component</strong></p>
<p align="center"> <img alt="List component" src="../../../images/list.png" /> </p>
<p>The list is a very simple UI component used to manage a limited number of items. For lists with a lot of items, use the <a href="component_genlist_wn.htm">Genlist</a>.</p>
- <p>For more information, see the <a href="../../../../../org.tizen.native.wearable.apireference/group__List.html">List</a> API.</p>
+ <p>For more information, see the <a href="../../../../../org.tizen.native.wearable.apireference/group__Elm__List.html">List</a> API.</p>
<p align="center"><strong>Figure: List component</strong></p>
<p align="center"> <img alt="List component" src="../../../images/list_wn.png" /> </p>
<div id="container"><div id="contents"><div class="content">
<h1>Map</h1>
-<p>The map UI component displays a geographic map. The default map data is provided by the <a href="http://www.openstreetmap.org/" target="_blank">OpenStreetMap project</a>. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Map.html">Map</a> API.</p>
+<p>The map UI component displays a geographic map. The default map data is provided by the <a href="http://www.openstreetmap.org/" target="_blank">OpenStreetMap project</a>. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Map.html">Map</a> API.</p>
<p>This feature is supported in mobile applications only.</p>
<h1>Multibuttonentry</h1>
-<p>The multi-button entry UI component allows the user to enter text so that the text is divided into chunks and managed as a set of buttons. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Multibuttonentry.html">Multibuttonentry</a> API.</p>
+<p>The multi-button entry UI component allows the user to enter text so that the text is divided into chunks and managed as a set of buttons. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Multibuttonentry.html">Multibuttonentry</a> API.</p>
<p>This feature is supported in mobile applications only.</p>
<h1>Notify</h1>
-<p>The notify UI component displays a container in a particular region of the parent object. It can receive some content, and become automatically hidden after a certain amount of time. The <a href="component_popup_mn.htm">popup</a> component is very similar to the notify component, but supports many common layouts. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Notify.html">Notify</a> API.</p>
+<p>The notify UI component displays a container in a particular region of the parent object. It can receive some content, and become automatically hidden after a certain amount of time. The <a href="component_popup_mn.htm">popup</a> component is very similar to the notify component, but supports many common layouts. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Notify.html">Notify</a> API.</p>
<p>This feature is supported in mobile applications only.</p>
<h2 id="basic">Basic Usage</h2>
<p>The photocam component implements the scroller interface, which means that scroller functions can be used with the photocam component.</p>
- <p>For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Photocam.html">Photocam</a> API.</p>
+ <p>For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Photocam.html">Photocam</a> API.</p>
<p align="center"><strong>Figure: Photocam hierarchy</strong></p>
<p align="center"> <img alt="Photocam hierarchy" src="../../../images/photocam_tree.png" /> </p>
<p>The plug component shows an <code>Evas_Object</code> created by another process. It can be used anywhere in the same way as any other Elementary UI component.</p>
-<p>For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Plug.html">Plug</a> API.</p>
+<p>For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Plug.html">Plug</a> API.</p>
<p align="center"><strong>Figure: Plug hierarchy</strong></p>
<p align="center"> <img alt="Plug hierarchy" src="../../../images/plug_tree.png" /> </p>
<p>The plug component shows an <code>Evas_Object</code> created by another process. It can be used anywhere in the same way as any other Elementary UI component.</p>
-<p>For more information, see the <a href="../../../../../org.tizen.native.wearable.apireference/group__Plug.html">Plug</a> API.</p>
+<p>For more information, see the <a href="../../../../../org.tizen.native.wearable.apireference/group__Elm__Plug.html">Plug</a> API.</p>
<p align="center"><strong>Figure: Plug hierarchy</strong></p>
<p align="center"> <img alt="Plug hierarchy" src="../../../images/plug_tree.png" /> </p>
<div id="container"><div id="contents"><div class="content">
<h1>Popup</h1>
-<p>The popup UI component is a small window for notifying the user or requesting user input. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Popup.html">Popup</a> API.</p>
+<p>The popup UI component is a small window for notifying the user or requesting user input. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Popup.html">Popup</a> API.</p>
<p>This feature is supported in mobile applications only.</p>
<li>Action area with up to 3 buttons (optional)</li>
</ul>
-<p>For more information, see the <a href="../../../../../org.tizen.native.wearable.apireference/group__Popup.html">Popup</a> API.</p>
+<p>For more information, see the <a href="../../../../../org.tizen.native.wearable.apireference/group__Elm__Popup.html">Popup</a> API.</p>
<p align="center"><strong>Figure: Popup component</strong></p>
<p align="center"><img alt="Popup component" src="../../../images/popup_wn.png" /></p>
<div id="container"><div id="contents"><div class="content">
<h1>Progressbar</h1>
-<p>The progressbar UI component displays the progress status of a given job. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Progressbar.html">Progressbar</a> API.</p>
+<p>The progressbar UI component displays the progress status of a given job. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Progressbar.html">Progressbar</a> API.</p>
<p>This feature is supported in mobile applications only.</p>
<div id="container"><div id="contents"><div class="content">
<h1>Progressbar</h1>
-<p>The progressbar UI component displays the progress status of a given job. For more information, see the <a href="../../../../../org.tizen.native.wearable.apireference/group__Progressbar.html">Progressbar</a> API.</p>
+<p>The progressbar UI component displays the progress status of a given job. For more information, see the <a href="../../../../../org.tizen.native.wearable.apireference/group__Elm__Progressbar.html">Progressbar</a> API.</p>
<p>This feature is supported in wearable applications only.</p>
<h2 id="basic">Basic Usage</h2>
<div id="container"><div id="contents"><div class="content">
<h1>Radio</h1>
-<p>The radio UI component displays 1 or more options and allows users to select 1 of them. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Radio.html">Radio</a> API.</p>
+<p>The radio UI component displays 1 or more options and allows users to select 1 of them. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Radio.html">Radio</a> API.</p>
<p>This feature is supported in mobile applications only.</p>
<div id="container"><div id="contents"><div class="content">
<h1>Radio</h1>
-<p>The radio UI component displays 1 or more options and allows users to select 1 of them. For more information, see the <a href="../../../../../org.tizen.native.wearable.apireference/group__Radio.html">Radio</a> API.</p>
+<p>The radio UI component displays 1 or more options and allows users to select 1 of them. For more information, see the <a href="../../../../../org.tizen.native.wearable.apireference/group__Elm__Radio.html">Radio</a> API.</p>
<p>This feature is supported in wearable applications only.</p>
<p>The segmentcontrol component consists of several segment items. A segment item is similar to a discrete 2-state button. Any time, only one segment item can be selected. A segment item is composed of a label (text) and an icon.</p>
<p>The segmentcontrol component inherits from the layout component, which means that layout functions can be used on the segmentcontrol component.</p>
-<p>For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__SegmentControl.html">SegmentControl</a> API.</p>
+<p>For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__SegmentControl.html">SegmentControl</a> API.</p>
<p align="center"><strong>Figure: Segmentcontrol component (with text on left and with icons on right)</strong></p>
<p align="center"><img alt="Segmentcontrol with text" src="../../../images/segment_text.png" /> <img alt="Segmentcontrol with icons" src="../../../images/segment.png" /></p>
<div id="container"><div id="contents"><div class="content">
<h1>Slider</h1>
-<p>The slider UI component is a draggable item used to select a value within a certain range. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Slider.html">Slider</a> API.</p>
+<p>The slider UI component is a draggable item used to select a value within a certain range. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Slider.html">Slider</a> API.</p>
<p>This feature is supported in mobile applications only.</p>
<div id="container"><div id="contents"><div class="content">
<h1>Slider</h1>
-<p>The slider UI component is a draggable item used to select a value within a certain range. For more information, see the <a href="../../../../../org.tizen.native.wearable.apireference/group__Slider.html">Slider</a> API.</p>
+<p>The slider UI component is a draggable item used to select a value within a certain range. For more information, see the <a href="../../../../../org.tizen.native.wearable.apireference/group__Elm__Slider.html">Slider</a> API.</p>
<p>This feature is supported in wearable applications only.</p>
<p>The spinner component inherits from the layout component, which means that layout functions can be used on the spinner component.</p>
-<p>For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Spinner.html">Spinner</a> API.</p>
+<p>For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Spinner.html">Spinner</a> API.</p>
<p align="center"><strong>Figure: Spinner component</strong></p>
<p align="center"><img alt="Spinner component" src="../../../images/spin.png" /></p>
-<p>The toolbar UI component has a scrollable list of items which can be selected. Only one item can be selected at a time. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Toolbar.html">Toolbar</a> API.</p>
+<p>The toolbar UI component has a scrollable list of items which can be selected. Only one item can be selected at a time. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Toolbar.html">Toolbar</a> API.</p>
<p>This feature is supported in mobile applications only.</p>
<h2 id="basic">Basic Usage</h2>
<div id="container"><div id="contents"><div class="content">
<h1>Tooltip</h1>
-<p>The tooltip component is a smart object that shows content in a frame when the mouse hovers over the parent object. It provides tips or information about the parent object. A tooltip component is not a UI component as such, so it does not emit signals. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Tooltips.html">Tooltip</a> API.</p>
+<p>The tooltip component is a smart object that shows content in a frame when the mouse hovers over the parent object. It provides tips or information about the parent object. A tooltip component is not a UI component as such, so it does not emit signals. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Tooltips.html">Tooltip</a> API.</p>
<p>This feature is supported in mobile applications only.</p>
<div id="container"><div id="contents"><div class="content">
<h1>Win</h1>
-<p>Win stands for window, and the win component is a graphical control element containing the graphical user interface of a program. The window component is the bottommost UI component in an EFL application. In most cases, when an application is launched, a window that fits into the device screen is created and shown. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Win.html">Win</a> API.</p>
+<p>Win stands for window, and the win component is a graphical control element containing the graphical user interface of a program. The window component is the bottommost UI component in an EFL application. In most cases, when an application is launched, a window that fits into the device screen is created and shown. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Win.html">Win</a> API.</p>
<p>This feature is supported in mobile applications only.</p>
<h2 id="basic">Basic Usage</h2>
<div id="container"><div id="contents"><div class="content">
<h1>Win</h1>
-<p>Win stands for window, and the win component is a graphical control element containing the graphical user interface of a program. The window component is the bottommost UI component in an EFL application. In most cases, when an application is launched, a window that fits into the device screen is created and shown. For more information, see the <a href="../../../../../org.tizen.native.wearable.apireference/group__Win.html">Win</a> API.</p>
+<p>Win stands for window, and the win component is a graphical control element containing the graphical user interface of a program. The window component is the bottommost UI component in an EFL application. In most cases, when an application is launched, a window that fits into the device screen is created and shown. For more information, see the <a href="../../../../../org.tizen.native.wearable.apireference/group__Elm__Win.html">Win</a> API.</p>
<p>This feature is supported in wearable applications only.</p>
<div id="container"><div id="contents"><div class="content">
<h1>Box</h1>
-<p>The box container arranges UI components in a linear order, horizontally or vertically. It is a non-graphical object: it adds no graphics to or around the objects it holds. For more information, see the Box API (in <a href="../../../../../org.tizen.native.mobile.apireference/group__Box.html">mobile</a> and <a href="../../../../../org.tizen.native.wearable.apireference/group__Box.html">wearable</a> applications).</p>
+<p>The box container arranges UI components in a linear order, horizontally or vertically. It is a non-graphical object: it adds no graphics to or around the objects it holds. For more information, see the Box API (in <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Box.html">mobile</a> and <a href="../../../../../org.tizen.native.wearable.apireference/group__Elm__Box.html">wearable</a> applications).</p>
<p align="center"><strong>Figure: Box component structure</strong></p>
<p align="center"><img alt="Box component structure" src="../../../images/box.png" /></p>
<div id="container"><div id="contents"><div class="content">
<h1>Conformant</h1>
-<p>The conformant container accounts for the space taken by the indicator, virtual keyboard, and softkey windows. The content area of the conformant is resized and positioned based on the space available. For more information, see the Conformant API (in <a href="../../../../../org.tizen.native.mobile.apireference/group__Conformant.html">mobile</a> and <a href="../../../../../org.tizen.native.wearable.apireference/group__Conformant.html">wearable</a> applications).</p>
+<p>The conformant container accounts for the space taken by the indicator, virtual keyboard, and softkey windows. The content area of the conformant is resized and positioned based on the space available. For more information, see the Conformant API (in <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Conformant.html">mobile</a> and <a href="../../../../../org.tizen.native.wearable.apireference/group__Elm__Conformant.html">wearable</a> applications).</p>
<p align="center"><strong>Figure: Conformant component structure</strong></p>
<p align="center"><img alt="Conformant component structure" src="../../../images/conformant.png" /></p>
<div id="container"><div id="contents"><div class="content">
<h1>Grid</h1>
-<p>The grid container places its elements at specific positions along a fixed grid, where the position of each object is given as a percentage of the full width and height of the grid. For more information, see the Grid API (in <a href="../../../../../org.tizen.native.mobile.apireference/group__Grid.html">mobile</a> and <a href="../../../../../org.tizen.native.wearable.apireference/group__Grid.html">wearable</a> applications).</p>
+<p>The grid container places its elements at specific positions along a fixed grid, where the position of each object is given as a percentage of the full width and height of the grid. For more information, see the Grid API (in <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Grid.html">mobile</a> and <a href="../../../../../org.tizen.native.wearable.apireference/group__Elm__Grid.html">wearable</a> applications).</p>
<p align="center"><strong>Figure: Grid component structure</strong></p>
<p align="center"><img alt="Grid component structure" src="../../../images/grid_concept.png" /></p>
<div id="container"><div id="contents"><div class="content">
<h1>Layout</h1>
-<p>The layout container enables you to define a look and feel of the UI with animation and basic event response by using an Edje design file. For more information, see the Layout API (in <a href="../../../../../org.tizen.native.mobile.apireference/group__Layout.html">mobile</a> and <a href="../../../../../org.tizen.native.wearable.apireference/group__Layout.html">wearable</a> applications).</p>
+<p>The layout container enables you to define a look and feel of the UI with animation and basic event response by using an Edje design file. For more information, see the Layout API (in <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Layout.html">mobile</a> and <a href="../../../../../org.tizen.native.wearable.apireference/group__Elm__Layout.html">wearable</a> applications).</p>
<p>EDC (Edje data collection) is a script language provided by Edje, which is a library in charge of the high-level layouting in EFL. An EDC file describes how the elements of the UI are positioned. An EDC file has an extension <code>.edc</code>. For more information on the syntax of EDC, see <a href="learn_edc_intro_n.htm">Layouting with EDC</a>.</p>
<p>The mapbuf component inherits from the container component, which means that container functions can be used on the mapbuf component. The mapbuf component emits no signals.</p>
+<p>For more information, see the Mapbuf API (in <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Mapbuf.html">mobile</a> and <a href="../../../../../org.tizen.native.wearable.apireference/group__Elm__Mapbuf.html">wearable</a> applications).</p>
+
<p align="center"><strong>Figure: Mapbuf hierarchy</strong></p>
<p align="center"><img alt="Mapbuf hierarchy" src="../../../images/mapbuf_tree.png" /></p>
<div id="container"><div id="contents"><div class="content">
<h1>Naviframe</h1>
-<p>The naviframe container manages many views by stacking them and displaying the topmost one. For more information, see the Naviframe API (in <a href="../../../../../org.tizen.native.mobile.apireference/group__Naviframe.html">mobile</a> and <a href="../../../../../org.tizen.native.wearable.apireference/group__Naviframe.html">wearable</a> applications).</p>
+<p>The naviframe container manages many views by stacking them and displaying the topmost one. For more information, see the Naviframe API (in <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Naviframe.html">mobile</a> and <a href="../../../../../org.tizen.native.wearable.apireference/group__Elm__Naviframe.html">wearable</a> applications).</p>
<h2 id="basic">Basic Usage</h2>
<h1>Panes</h1>
-<p>The panes container adds a draggable bar between 2 sections of content. The sections are resized when the bar is dragged. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Panes.html">Panes</a> API.</p>
+<p>The panes container adds a draggable bar between 2 sections of content. The sections are resized when the bar is dragged. For more information, see the <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Panes.html">Panes</a> API.</p>
<p>This feature is supported in mobile applications only.</p>
<div id="container"><div id="contents"><div class="content">
<h1>Scroller</h1>
-<p>The scroller container holds and clips a single object and allows you to scroll across it. This means that the user can use a scroll bar or a finger to drag the viewable region across the object, moving through a much larger area than is contained in the viewport. A scroller always has a default minimum size that is not limited by its content. For more information, see the Scroller API (in <a href="../../../../../org.tizen.native.mobile.apireference/group__Scroller.html">mobile</a> and <a href="../../../../../org.tizen.native.wearable.apireference/group__Scroller.html">wearable</a> applications).</p>
+<p>The scroller container holds and clips a single object and allows you to scroll across it. This means that the user can use a scroll bar or a finger to drag the viewable region across the object, moving through a much larger area than is contained in the viewport. A scroller always has a default minimum size that is not limited by its content. For more information, see the Scroller API (in <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Scroller.html">mobile</a> and <a href="../../../../../org.tizen.native.wearable.apireference/group__Elm__Scroller.html">wearable</a> applications).</p>
<h2 id="basic">Basic Usage</h2>
<div id="container"><div id="contents"><div class="content">
<h1>Table</h1>
-<p>The table container acts like a box container, but with 2 dimensions. It provides the same kind of APIs as a box. An item inside a table can span multiple columns and rows, and even overlap with other items. For more information, see the Table API (in <a href="../../../../../org.tizen.native.mobile.apireference/group__Table.html">mobile</a> and <a href="../../../../../org.tizen.native.wearable.apireference/group__Table.html">wearable</a> applications).</p>
+<p>The table container acts like a box container, but with 2 dimensions. It provides the same kind of APIs as a box. An item inside a table can span multiple columns and rows, and even overlap with other items. For more information, see the Table API (in <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Table.html">mobile</a> and <a href="../../../../../org.tizen.native.wearable.apireference/group__Elm__Table.html">wearable</a> applications).</p>
<p align="center"><strong>Figure: Table component structure</strong></p>
<p align="center"><img alt="Table component structure" src="../../../images/table.png"/></p>
<p>You can control the acceleration (tween) mode of the animation. The <code>Elm_Transit</code> object supports a number of built-in interpolation methods, which provide different acceleration modes. By default, all interpolations are linear.</p>
<p>To manage the tween mode:</p>
<ul>
-<li>To change the tween mode, use the <code>elm_transit_tween_mode_set()</code> function. The first parameter is the <code>Elm_Transit</code> instance and the second is the tween mode of the transition, which is defined by the <code>Elm_Transit_Tween_Mode</code> enumeration (in <a href="../../../../../org.tizen.native.mobile.apireference/group__Transit.html#ga954ecd9ba6266a18a0bde0e5861ccc53">mobile</a> and <a href="../../../../../org.tizen.native.wearable.apireference/group__Transit.html#ga954ecd9ba6266a18a0bde0e5861ccc53">wearable</a> applications).
+<li>To change the tween mode, use the <code>elm_transit_tween_mode_set()</code> function. The first parameter is the <code>Elm_Transit</code> instance and the second is the tween mode of the transition, which is defined by the <code>Elm_Transit_Tween_Mode</code> enumeration (in <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Transit.html#ga954ecd9ba6266a18a0bde0e5861ccc53">mobile</a> and <a href="../../../../../org.tizen.native.wearable.apireference/group__Elm__Transit.html#ga954ecd9ba6266a18a0bde0e5861ccc53">wearable</a> applications).
<pre class="prettyprint">
elm_transit_tween_mode_set(transit, ELM_TRANSIT_TWEEN_MODE_LINEAR);
<p>The font handling methods include:</p>
<ul>
- <li><a href="#component">Setting the font for a UI component</a> using the Elementary Fonts API (in <a href="../../../../../org.tizen.native.mobile.apireference/group__Fonts.html">mobile</a> and <a href="../../../../../org.tizen.native.wearable.apireference/group__Fonts.html">wearable</a> applications)</li>
+ <li><a href="#component">Setting the font for a UI component</a> using the Elementary Fonts API (in <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Fonts.html">mobile</a> and <a href="../../../../../org.tizen.native.wearable.apireference/group__Elm__Fonts.html">wearable</a> applications)</li>
<li><a href="#edc">Setting the font using the EDC file</a></li>
<li><a href="#edje">Changing the font and text size</a> using the Edje Class: Text API (in <a href="../../../../../org.tizen.native.mobile.apireference/group__Edje__Object__Text__Class.html">mobile</a> and <a href="../../../../../org.tizen.native.wearable.apireference/group__Edje__Object__Text__Class.html">wearable</a> applications)
<h2 name="component" id="component">Setting the Font for a UI Component</h2>
-<p>You can use the Elementary Fonts API (in <a href="../../../../../org.tizen.native.mobile.apireference/group__Fonts.html">mobile</a> and <a href="../../../../../org.tizen.native.wearable.apireference/group__Fonts.html">wearable</a> applications) to set the font for an application.</p>
+<p>You can use the Elementary Fonts API (in <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Fonts.html">mobile</a> and <a href="../../../../../org.tizen.native.wearable.apireference/group__Elm__Fonts.html">wearable</a> applications) to set the font for an application.</p>
<p>To set a font for a UI component:</p>
<ul>
<li>Set the font for a common UI component:
elm_object_part_text_set(layout, "textblock1", buf);
</pre>
</li>
-<li>Set the font for an entry component (in <a href="../../../../../org.tizen.native.mobile.apireference/group__Entry.html">mobile</a> and <a href="../../../../../org.tizen.native.wearable.apireference/group__Entry.html">wearable</a> applications) using the <code>elm_entry_text_style_user_push()</code> function. It overrides the default style of the entry component for each attribute.
+<li>Set the font for an entry component (in <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Entry.html">mobile</a> and <a href="../../../../../org.tizen.native.wearable.apireference/group__Elm__Entry.html">wearable</a> applications) using the <code>elm_entry_text_style_user_push()</code> function. It overrides the default style of the entry component for each attribute.
<div class="note">
<strong>Note</strong>
<li><code>elm_object_part_content_unset()</code></li>
</ul>
-<p>For more information, see the General API (in <a href="../../../../../org.tizen.native.mobile.apireference/group__General.html">mobile</a> and <a href="../../../../../org.tizen.native.wearable.apireference/group__General.html">wearable</a> applications).</p>
+<p>For more information, see the General API (in <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__General.html">mobile</a> and <a href="../../../../../org.tizen.native.wearable.apireference/group__Elm__General.html">wearable</a> applications).</p>
</li>
<li>A single UI component has its individual API as well. The following functions can only be used for the objects generated by <code>elm_entry_add()</code> function:
<li><code>elm_scroller_gravity_set()</code></li>
</ul>
-<p>For more information, see the Scroller API (in <a href="../../../../../org.tizen.native.mobile.apireference/group__Scroller.html">mobile</a> and <a href="../../../../../org.tizen.native.wearable.apireference/group__Scroller.html">wearable</a> applications).</p>
+<p>For more information, see the Scroller API (in <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Scroller.html">mobile</a> and <a href="../../../../../org.tizen.native.wearable.apireference/group__Elm__Scroller.html">wearable</a> applications).</p>
</li>
</ul>
<p>Elementary library provides a set of pre-built UI components that allow you to build a rich graphical user interface for your applications. Each profile provides a different set of UI components, as you can see in <a href="ui_components_mn.htm">Mobile UI Components</a> and <a href="ui_components_wn.htm">Wearable UI Components</a>.</p>
-<p>The preconditions of using Elementary UI components are covered in <a href="getting_started_n.htm">Getting Started with EFL UI Programming</a>. Elementary UI components share the same APIs for general features. For more information, see the General API (in <a href="../../../../../org.tizen.native.mobile.apireference/group__General.html">mobile</a> and <a href="../../../../../org.tizen.native.wearable.apireference/group__General.html">wearable</a> applications).</p>
+<p>The preconditions of using Elementary UI components are covered in <a href="getting_started_n.htm">Getting Started with EFL UI Programming</a>. Elementary UI components share the same APIs for general features. For more information, see the General API (in <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__General.html">mobile</a> and <a href="../../../../../org.tizen.native.wearable.apireference/group__Elm__General.html">wearable</a> applications).</p>
<p align="center"><strong>Figure: Mobile UI components</strong></p>
<p align="center"><img alt="Mobile UI components" src="../../../images/UIComponents.png" /></p>
</ul>
<h2 id="scalability" name="scalability">Scaling UI Components</h2>
- <p>Through its configuration (Elementary Config API in <a href="../../../../../org.tizen.native.mobile.apireference/group__Config.html">mobile</a> and <a href="../../../../../org.tizen.native.wearable.apireference/group__Config.html">wearable</a> applications), Elementary provides a way to scale UI components with 2 different parameters:</p>
+ <p>Through its configuration (Elementary Config API in <a href="../../../../../org.tizen.native.mobile.apireference/group__Elm__Config.html">mobile</a> and <a href="../../../../../org.tizen.native.wearable.apireference/group__Elm__Config.html">wearable</a> applications), Elementary provides a way to scale UI components with 2 different parameters:</p>
<ul>
<li id="Finger_Size">The <code>finger_size</code> parameter is used when the interactive (clickable or editable) zones of the UI components need to be scaled in order to be comfortably used with a finger.
<p>The <code>finger_size</code> parameter scales UI components based on the user's finger size. This is useful when using a touch screen with a finger rather than with a stylus. The finger size parameter is in pixels, and determines the minimum size of a square on the screen that is reliably hittable with a finger.</p>
</tr>
<tr>
<td>window</td>
- <td>Elementary window (in <a href="../../../org.tizen.native.mobile.apireference/group__Win.html">mobile</a> and <a href="../../../org.tizen.native.wearable.apireference/group__Win.html">wearable</a> applications)</td>
+ <td>Elementary window (in <a href="../../../org.tizen.native.mobile.apireference/group__Elm__Win.html">mobile</a> and <a href="../../../org.tizen.native.wearable.apireference/group__Elm__Win.html">wearable</a> applications)</td>
<td>Forms the first window of the application.</td>
</tr>
<tr>
<td>bg</td>
- <td>Background (in <a href="../../../org.tizen.native.mobile.apireference/group__Bg.html">mobile</a> and <a href="../../../org.tizen.native.wearable.apireference/group__Bg.html">wearable</a> applications)</td>
+ <td>Background (in <a href="../../../org.tizen.native.mobile.apireference/group__Elm__Bg.html">mobile</a> and <a href="../../../org.tizen.native.wearable.apireference/group__Elm__Bg.html">wearable</a> applications)</td>
<td>Sets a background for a window or any container object.</td>
</tr>
<tr>
<td>conformant</td>
- <td>Conformant (in <a href="../../../org.tizen.native.mobile.apireference/group__Conformant.html">mobile</a> and <a href="../../../org.tizen.native.wearable.apireference/group__Conformant.html">wearable</a> applications)</td>
+ <td>Conformant (in <a href="../../../org.tizen.native.mobile.apireference/group__Elm__Conformant.html">mobile</a> and <a href="../../../org.tizen.native.wearable.apireference/group__Elm__Conformant.html">wearable</a> applications)</td>
<td>Provides space for indicators, virtual keypads, and softkey windows.</td>
</tr>
<tr>
<td>naviframe</td>
- <td>Naviframe (in <a href="../../../org.tizen.native.mobile.apireference/group__Naviframe.html">mobile</a> and <a href="../../../org.tizen.native.wearable.apireference/group__Naviframe.html">wearable</a> applications)</td>
+ <td>Naviframe (in <a href="../../../org.tizen.native.mobile.apireference/group__Elm__Naviframe.html">mobile</a> and <a href="../../../org.tizen.native.wearable.apireference/group__Elm__Naviframe.html">wearable</a> applications)</td>
<td>Manages UI Builder views.</td>
</tr>
</tbody></table>
projects / sdk / online-doc.git / commitdiff