eLZT 108 3339Mobile PhoneR380Design Guidelinesfor WAP Services
8A text formatting example<wml><card id="first" title="Pizza Penguin" newcontext="true"><p align="ce
9ParagraphsText on a WML card comprises one or more paragraphs.A paragraph always starts on a new line and is preceded by an extra line space of 3 pix
10Indented ParagraphsRelated text and other components can be grouped together to increase usability. Such groupscan be nested.Each group is indented
11The Card Title BarSee Card Title Bar on page 5.WMLThe title in the Card Title bar is defined by using the title attribute in the card element.Using
12The option elementText in the option element content is used in the drop-down list.The title attribute is not supported.An example of a single choic
13The select elementAttribute DescriptionmultipleThe multiple attribute can take the following values:Yes and No. The default value is No.To create a
14WMLButtons are defined by using thedo element.Pressing the button invokes the action defined in thedo element.The R380 supports the following attrib
15Touching the screen anywhere in an input field makes the keyboard, or character recognitionscreen, appear (see The On-screen Keyboard above).WMLInpu
16However, the R380 user can choose not to load images at all. In this case, the placeholder ispermanent.There is no limitation on the height of an i
17An image example<p align="center"><img alt="baker"src="baker.gif" vspace="5" width="40"he
WAPTM and WAP ForumTM are registered trademarks of the WAP Forum, LTD., a registeredcompany in the United Kingdom.First edition (November 1999)This do
18Using Images as HyperlinksAn image can also serve as a link. By default, there are no differences in image layout if theimage serves as a link or n
19In addition to text and images, tables can also contain hyperlinks and images used as hyperlinks.WMLThe table element is used together with tr and t
20<tr><td>Rain</td><td>Overcast</td><td>Partly Cloudy</td><td>Sunny</td><td>Sunny</td&g
21THE PIZZA PENGUIN EXAMPLEBelow is a complete WML code listing from a WAP demonstration application. The examplesin the previous chapters were mainl
22<p><b>Select Extras</b><select title="Extras" multiple="true"><option>Mushrooms</option><
23</p></card><card id="sixth" title="Oven On"><p align="center"><img alt="baker" sr
1ContentsPREFACE _______________________________________________ 2Who Should Read this Guide? 2Overview of Contents 2Related Publications 2Ericsson Pu
2PREFACEThis document describes how to design WAP services for the Ericsson Mobile Phone R380.Who Should Read this Guide?This document is intended for
3[3] WAP Wireless Markup Language Specification, Version 1.1Version 16-JUN-1999Wireless Application Protocol Forum, Ltd.http://www.wapforum.org/what/t
4GENERAL USABILITY ASPECTSWhen it comes to designing any kind of electronic service, simplicity is the key to gainingacceptance and appreciation from
5USER INTERFACE ISSUESThe Browser DisplayThe Ericsson R380 display is a grey scale black and white touchscreen with a resolution of360x120 pixels with
6ToolbarThe Toolbar is an area containing buttons required by the browser.The On-screen KeyboardText input is done with on-screen keyboards or a chara
7DESIGN COMPONENTSThis chapter gives an overview of the graphical user interface components and a description oftheir corresponding WML elements. The
Comments to this Manuals