<h2 id="options" name="options">Configuring Elementary Options</h2>
<p>You can set the following options in the Elementary configuration. In addition, you can <a href="#customizing_themes">customize themes</a> and <a href="#config_focus">manage focus</a>.</p>
+
+<p>An example from base.src configuration file</p>
+
+<pre class="prettyprint">
+group "Elm_Config" struct {
+ value "scale" double: 3.0;
+ value "finger_size" int: 50;
+ value "cache_flush_enable" uchar: 0;
+ value "cache_flush_poll_interval" int: 512;
+ value "font_cache" int: 512;
+ value "image_cache" int: 4096;
+ value "edje_cache" int: 32;
+ value "edje_collection_cache" int: 64;
+ value "glayer_long_tap_start_timeout" double: 0.5;
+ value "glayer_double_tap_timeout" double: 0.33;
+ value "thumbscroll_bounce_enable" uchar: 0;
+ value "thumbscroll_bounce_friction" double: 0.5;
+ value "longpress_timeout" double: 0.5;
+ value "tooltip_delay" double: 1.0;
+ value "password_show_last" uchar: 1;
+ value "password_show_last_timeout" double: 2.0;
+ value "engine" string: "software_x11";
+ value "selection_clear_enable" uchar: 1;
+ value "fps" double: 60.0;
+}
+</pre>
+
<ul>
<li>To scale UI components:
<p>This chapter shows the visual result of finger size and scaling factors modification.</p>
-<p class="figure">Figure: <span style="font-family: Courier New,Courier,monospace;">elementary_config</span> application</p>
-<p align="center"><img alt="elementary_config application" src="../../images/scale_1_finger_50.png" /></p>
+<p class="figure">Figure: Scalability example</p>
+<p align="center"><img alt="scalability example" src="../../images/scale_3_finger_50.png" /></p>
-<p>The previous picture shows the <span style="font-family: Courier New,Courier,monospace;">elementary_config</span> application that enables the user to set global scale factor and finger size parameter. As the user drags the sliders, the UI is updated, directly showing the result of the new parameter value.</p>
+<p>The previous picture shows the example application that enables the user to set global scale factor and finger size parameter. As the user drags the sliders, the UI is updated, directly showing the result of the new parameter value.</p>
-<p>The next picture shows the behavior when the finger size parameter has been increased to 1.30. The text of the sliders and the text of the items in the toolbar are bigger.</p>
+<p>The next picture shows the behavior when the scale factor has been increased to 5.00. The text on the sliders and the text of the button are bigger.</p>
-<p class="figure">Figure: Scale increased (1.30)</p>
-<p align="center"><img alt="Scale increased (1.30)" src="../../images/scale_1.3_finger_50.png" /></p>
+<p class="figure">Figure: Scale increased (5.00)</p>
+<p align="center"><img alt="Scale increased (5.00)" src="../../images/scale_5_finger_50.png" /></p>
-<p>A finger size increase is showed in the image below (increase from 50px to 90 px). Now, the buttons in the toolbar are bigger, so the user can more reliably hit them with a big finger.</p>
+<p>The image below shows that a finger size increase from 50px to 150px. Now, the button on the top gets bigger, so the user can more reliably hit them with the bigger finger.</p>
-<p class="figure">Figure: Finger size increased (90px)</p>
-<p align="center"><img alt="Finger size increased (90px)" src="../../images/scale_1_finger_90.png" /></p>
+<p class="figure">Figure: Finger size increased (150px)</p>
+<p align="center"><img alt="Finger size increased (150px)" src="../../images/scale_3_finger_150.png" /></p>
<table class="note">
<tbody>
<h3 id="Scalable_EDC_Object" name="Scalable_EDC_Object">Creating Scalable EDC Objects</h3>
-<h4>Scale Parameter </h4>
+<h4><b>Scale Parameter</b></h4>
<p>This chapter explains how to make a scalable Edje object and give hints how to write an EDC file that is scalable. The example shows a basic button that is composed of a background image part and a swallow part that can receive some content.</p>
}
</pre>
-<h4>Image Set</h4>
+<h4><b>Image Set</b></h4>
<p>If your application needs to be used at different resolutions it is recommended to have 2 images for the background image <span style="font-family: Courier New,Courier,monospace;">bg.png</span>. Here the <span style="font-family: Courier New,Courier,monospace;">bg_low.png</span> is added to the application. It is used when the size of the image is under 500 px, and a <span style="font-family: Courier New,Courier,monospace;">bg_high.png</span> image is for higher resolutions. Use a set on the <span style="font-family: Courier New,Courier,monospace;">bg.png</span> image.</p>
<p>To prevent this, the image set has a bigger image to use when the size is bigger than 200x100 pixels (<span style="font-family: Courier New,Courier,monospace;">bg_high.png</span>). The third button size is 201x101 pixels and it uses the new image, which has a better quality than the scaled image.</p>
-<h4>Image Borders</h4>
+<h4><b>Image Borders</b></h4>
<p>When the button is resized, the image part is also resized because it is marked as scalable. To get the image resized but to keep the image border as it is, use the <span style="font-family: Courier New,Courier,monospace;">border</span> parameter. It specifies the border size which is not resized even if the image is.</p>