Tree picker

Summary:

Special picker to select an item within a tree structure.
No such component in native or LCDUI style.
In many cases, the file-select example might be more appropriate.
Current version is lacking a highlight in non-touch and therefore is not usable with non-touch phones.

LWUIT

Related guidelines

UX checklist

Basics and formats

Tip:

Since current tree-picker component does not work for all platforms (lacking highlight for non-touch), you may want to use file-select API instead to select a file from the phone.

Figure: Tree picker

No comparable UI component found from any native Series 40 UI style.

Interaction:
- Selecting a folder expands the folder in the view.
- Selecting an item opens the item in a new view; no need to confirm the selection.
- Folder and item sizes of the current implementation are too small for touch phones. Minimum sizes are 7mm x 7mm for a touch area.
- Folders should be indicated as such.
  - Closed state.
  - Opened state, important to visualise also empty folders.
- Current implementation is lacking focus and therefore not suitable for non-touch.
Structure:
- Tree picker (aka Tree) is built in a container.

Note:

If Tree picker should become part of an application, it requires customisation:

Folders and items must be enlarged to meet the minimum touch area of 7mm x 7mm.
Non-touch solutions must have highlight to indicate the current focus.

Platform specific features

Full touch	Touch and type	Non-touch	Descriptions
Figure: View in full touch	Figure: View in touch and type	Figure: View in non-touch lacking highlight	Full touch and touch and type: Current implementation uses too small touch areas. Non-touch: Current non-touch theme is lacking visible focus on Tree items. Current theme is not recommended for non-touch use.