<?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-685C3F33-1530-4984-B125-E4EF8EBB2EE8" xml:lang="en"><title>Symbian
UI with rotation</title><prolog><metadata><keywords/></metadata></prolog><conbody>
<p>Symbian UI can rotate between the portrait and landscape layout. This section
describes the guidelines for designing landscape-aware application user interfaces.
On the whole, the primary guideline in the Symbian platform is that no specific
UI design is necessary for landscape orientation and mode. Instead, applications
designed according to the guidelines described in this section should work
in both landscape orientation and with the default portrait orientation. This
section does, however, describe some exceptions to this rule.</p>
<p>The Symbian platform in landscape orientation follows the bottom softkey
style. In the bottom softkey style, the layout of the normal portrait UI is
merely stretched horizontally to fit the screen, leaving the softkeys below
the screen as in standard portrait orientation.</p>
<fig id="GUID-F169E015-2D9C-40E3-8E5A-A681A8B598DE">
<title>Symbian UI rotated to landscape in the bottom softkey style</title>
<image href="GUID-D2263F64-2582-473A-B939-ACEBF8E974BF_d0e82219_href.png" placement="inline"/>
</fig>
<section id="GUID-1797F9D3-BC11-425B-A746-FB3274B097D4"><title>Using
portrait and landscape layouts in C++ applications</title><p>Switching between
portrait and landscape layouts is handled in the application and UI frameworks
using <xref href="GUID-DD15F24B-0786-4531-A6C5-A5E70EBE2732.dita">layout change
events</xref>.</p></section>
</conbody></concept>