Namespaces

Variants
Actions

Please note that as of October 24, 2014, the Nokia Developer Wiki will no longer be accepting user contributions, including new entries, edits and comments, as we begin transitioning to our new home, in the Windows Phone Development Wiki. We plan to move over the majority of the existing entries over the next few weeks. Thanks for all your past and future contributions.

(Difference between revisions)

Mobile Design Pattern: Sub Menu List

From Wiki
Jump to: navigation, search
rahulvala (Talk | contribs)
(Sub Menu)
 
hamishwillee (Talk | contribs)
m (Hamishwillee - Fix categories)
 
(5 intermediate revisions by 2 users not shown)
Line 1: Line 1:
[[Category:Mobile_Design]]
+
[[Category:Mobile Design Patterns]]
[[Category:Mobile_Design_Patterns]]
+
{{ArticleMetaData <!-- v1.2 -->
 +
|sourcecode= <!-- Link to example source code e.g. [[Media:The Code Example ZIP.zip]] -->
 +
|installfile= <!-- Link to installation file (e.g. [[Media:The Installation File.sis]]) -->
 +
|devices= <!-- Devices tested against - e.g. ''devices=Nokia 6131 NFC, Nokia C7-00'') -->
 +
|sdk= <!-- SDK(s) built and tested against (e.g. [http://linktosdkdownload/ Qt SDK 1.1.4]) -->
 +
|platform= <!-- Compatible platforms - e.g. Symbian^1 and later, Qt 4.6 and later -->
 +
|devicecompatability= <!-- Compatible devices e.g.: All* (must have internal GPS) -->
 +
|dependencies= <!-- Any other/external dependencies e.g.: Google Maps Api v1.0 -->
 +
|signing= <!-- Signing requirements - empty or one of: Self-Signed, DevCert, Manufacturer -->
 +
|capabilities= <!-- Capabilities required by the article/code example (e.g. Location, NetworkServices. -->
 +
|keywords= <!-- APIs, classes and methods (e.g. QSystemScreenSaver, QList, CBase -->
 +
|language= <!-- Language category code for non-English topics - e.g. Lang-Chinese -->
 +
|translated-by= <!-- [[User:XXXX]] -->
 +
|translated-from-title= <!-- Title only -->
 +
|translated-from-id= <!-- Id of translated revision -->
 +
|review-by= <!-- After re-review: [[User:username]] -->
 +
|review-timestamp= <!-- After re-review: YYYYMMDD -->
 +
|update-by= <!-- After significant update: [[User:username]]-->
 +
|update-timestamp= <!-- After significant update: YYYYMMDD -->
 +
|creationdate= 20090630
 +
|author= [[User:Rahulvala]]
 +
}}
 +
 
 +
 
  
  
Line 11: Line 34:
 
Sub menu list is like small widget which needs user response about selecting some options from the list of available options.
 
Sub menu list is like small widget which needs user response about selecting some options from the list of available options.
  
[[Image:sm1.1.jpg]]
+
[[File:sm1.1.jpg]]
  
[[Image:sm1.2.jpg]]
+
[[File:sm1.2.jpg]]
  
 
==Advantage==
 
==Advantage==
  
Better view
+
* Better view
 
+
* White small widget
White small widget
+
* More options available
 
+
* In web it contains history and setting list
More options available
+
 
+
In web it contains history and setting list
+
  
[[Image:sm1.3.jpg]]
+
[[File:sm1.3.jpg]]
  
[[Image:sm1.4.jpg]]
+
[[File:sm1.4.jpg]]
  
 
==Use when==
 
==Use when==
Line 38: Line 58:
  
 
Some are used in the main menu, other are used in the web browser, and some are used in inbox also.
 
Some are used in the main menu, other are used in the web browser, and some are used in inbox also.
 +
.
 +
<!-- Translation --> [[pt:Mobile Design Pattern: Lista de sub-menu]]

Latest revision as of 23:57, 6 August 2012

Article Metadata
Article
Created: rahulvala (30 Jun 2009)
Last edited: hamishwillee (06 Aug 2012)



This design pattern is part of the Mobile Design Patterns series.

[edit] Description

Sub menu list is very important in mobile. Whenever we touch the main icon or the menu a list of sub menu appear on the screen to ask user about some more options, e.g. copy, paste, edit etc.

Sub menu list is like small widget which needs user response about selecting some options from the list of available options.

Sm1.1.jpg

Sm1.2.jpg

[edit] Advantage

  • Better view
  • White small widget
  • More options available
  • In web it contains history and setting list

Sm1.3.jpg

Sm1.4.jpg

[edit] Use when

Sub menu is very important in mobile because menu contains only the main icons.

So the list of submenu is created by touching the main menu.

The list of submenu example is given above.

Some are used in the main menu, other are used in the web browser, and some are used in inbox also. .

This page was last modified on 6 August 2012, at 23:57.
65 page views in the last 30 days.

Was this page helpful?

Your feedback about this content is important. Let us know what you think.

 

Thank you!

We appreciate your feedback.

×