[3.0][online-doc]Add screenshot about input panel layout variation to Entry page

Change-Id: I83c2678f165697c27c2c87d1919d7f42194516a7
Signed-off-by: InHong Han <inhong1.han@samsung.com>

diff --git a/org.tizen.ui.practices/html/images/numberonly_variation_decimal.png b/org.tizen.ui.practices/html/images/numberonly_variation_decimal.png
new file mode 100644 (file)
index 0000000..c28a7de
Binary files /dev/null and b/org.tizen.ui.practices/html/images/numberonly_variation_decimal.png differ

diff --git a/org.tizen.ui.practices/html/images/numberonly_variation_signed.png b/org.tizen.ui.practices/html/images/numberonly_variation_signed.png
new file mode 100644 (file)
index 0000000..b6a478e
Binary files /dev/null and b/org.tizen.ui.practices/html/images/numberonly_variation_signed.png differ

diff --git a/org.tizen.ui.practices/html/images/numberonly_variation_signed_and_decimal.png b/org.tizen.ui.practices/html/images/numberonly_variation_signed_and_decimal.png
new file mode 100644 (file)
index 0000000..b2e199a
Binary files /dev/null and b/org.tizen.ui.practices/html/images/numberonly_variation_signed_and_decimal.png differ

diff --git a/org.tizen.ui.practices/html/images/password_variation_numberonly.png b/org.tizen.ui.practices/html/images/password_variation_numberonly.png
new file mode 100644 (file)
index 0000000..384d7fc
Binary files /dev/null and b/org.tizen.ui.practices/html/images/password_variation_numberonly.png differ

diff --git a/org.tizen.ui.practices/html/native/efl/component_entry_mn.htm b/org.tizen.ui.practices/html/native/efl/component_entry_mn.htm
index 044f87c..024e48a 100644 (file)
--- a/org.tizen.ui.practices/html/native/efl/component_entry_mn.htm
+++ b/org.tizen.ui.practices/html/native/efl/component_entry_mn.htm
@@ -419,6 +419,28 @@ elm_entry_input_panel_layout_set(entry, ELM_INPUT_PANEL_LAYOUT_PHONENUMBER);</pr
 
 <p>&nbsp;</p>
 
+<p>And you can set the input panel layout variation of the entry. The following variation types are available.</p>
+
+<ul>
+  <li><code>ELM_INPUT_PANEL_LAYOUT_NUMBERONLY_VARIATION_NORMAL</code>: The plain normal number layout</li>
+  <li><code>ELM_INPUT_PANEL_LAYOUT_NUMBERONLY_VARIATION_SIGNED</code>: The number layout to allow a positive or negative sign at the start</li>
+  <li><code>ELM_INPUT_PANEL_LAYOUT_NUMBERONLY_VARIATION_DECIMAL</code>: The number layout to allow decimal point to provide fractional value</li>
+  <li><code>ELM_INPUT_PANEL_LAYOUT_NUMBERONLY_VARIATION_SIGNED_AND_DECIMAL</code>: The number layout to allow decimal point and negative sign</li>
+  <li><code>ELM_INPUT_PANEL_LAYOUT_PASSWORD_VARIATION_NORMAL</code>: The normal password layout</li>
+  <li><code>ELM_INPUT_PANEL_LAYOUT_PASSWORD_VARIATION_NUMBERONLY</code>: The password layout to allow only number</li>
+</ul>
+
+<p>To set the input panel layout variation:</p>
+
+<pre class="prettyprint">
+elm_entry_input_panel_layout_variation_set(entry, ELM_INPUT_PANEL_LAYOUT_NUMBERONLY_VARIATION_DECIMAL);</pre>
+
+<p>Figure: NUMBERONLY_VARIATION_DECIMAL&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Figure: NUMBERONLY_VARIATION_SIGNED&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Figure: NUMBERONLY_VARIATION_SIGNED_AND_DECIMAL&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Figure: PASSWORD_VARIATION_NUMBERONLY</p>
+
+<p class="rteindent2"><img alt="" height="184" src="../../images/numberonly_variation_decimal.png" width="300" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img alt="" height="184" src="../../images/numberonly_variation_signed.png" width="300" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img alt="" height="184" src="../../images/numberonly_variation_signed_and_decimal.png" width="300" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img alt="" height="184" src="../../images/password_variation_numberonly.png" width="300" /></p>
+
+<p>&nbsp;</p>
+
 <p>Also you can change return key type in input panel layout. The following return key types are available.</p>
 
 <ul>
@@ -440,7 +462,7 @@ elm_entry_input_panel_return_key_type_set(entry, ELM_INPUT_PANEL_RETURN_KEY_TYPE
 
 <p>Figure: Join return key type&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Figure: &nbsp;Send return key type</p>
 
-<p class="rteindent2"><img alt="" height="468" src="../../images/return_key_JOIN.png" width="263" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img alt="" height="468" src="../../images/return_key_SEND.png" width="263" /></p>
+<p class="rteindent2"><img alt="" height="468" src="../../images/return_key_JOIN.png" width="263" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img alt="" height="468" src="../../images/return_key_SEND.png" width="263" /></p>
 
 <h2 id="callback">Using the Entry Callbacks</h2>