<?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-170EDC68-77C7-4FD9-A81E-C9F75698F7A3" xml:lang="en"><title>Implementing
support for scalable UI</title><shortdesc>For the correct control to receive touch events, you must implement
support for scalable UI.</shortdesc><prolog><metadata><keywords/></metadata></prolog><conbody>
<p>In Touch UI devices, supporting scalable UI is even more crucial than before.
Traditionally, the problem was that the application did not scale to fit the
screen size correctly.</p>
<p>For more information on scalable UI, see <xref href="GUID-B02C762B-C452-4184-ABEA-4753E6CD47D2.dita">Scalability</xref> section.</p>
<p>In Touch UI, there is also another consideration, the Symbian platform
may not receive touch events, or it may receive touch events for the incorrect
control, because there is a problem with knowing the correct location of the
touch event.</p>
<p>The following figures illustrate code required for handling scalable UI
events.</p>
<fig id="GUID-0300A264-1F48-4D4F-A3ED-18734983B36E">
<title>Scalable UI implementation in control</title>
<image href="GUID-BBDC3880-DFC3-42C0-913D-E90AB318E015_d0e38273_href.png" placement="inline"/>
</fig>
<fig id="GUID-39D4E25F-C4C3-4C19-BED0-42E06F63A0BD">
<title>Scalable UI implementation in UI controller</title>
<image href="GUID-5D831531-2430-4C61-B8C4-BEE9850387C2_d0e38281_href.png" placement="inline"/>
</fig>
<p>For further implementation information, see <xref href="GUID-DD15F24B-0786-4531-A6C5-A5E70EBE2732.dita">Handling
layout change events</xref>.</p>
</conbody></concept>