UIQ Technology
 Developer Library

UIQ 3 SDK

UIQ developer portal

FEEDBACK 

[Index] [Spacer] [Previous] [Next]



UIQ Controls - List Box - Standard Layouts


1. Introduction

This is a listing of all the Standard Layouts that are available to use without having to define a custom layout. For an explanation of how to use a Standard Layout see the List Box Introductionary Guide.


1.1 Further Reference

See the List Box Introductionary Guide.

See the List Box Features Guide.

See the List Box Custom Layouts Guide.

See the API documentation for List Box (CQikListBox).

[Top]


2. Standard Layouts

The diagrams below show the stucture of the Standard Layouts as well as a screenshot of each layout in use. All layouts use row awareness and are either one or two rows high. The actual pixel values for row height, left edge to content, right edge to content and column gap are system-wide device-specific values.


2.1 Effect of Enabling Multiple Select

The EQikListBoxCheckLineIconLine layout should only be used in List Boxes that have multiple select enabled. All other layouts work well with multiple select either on or off.

If multiple select is enabled, and no dedicated slot is set to contain the selector, the edge gap and column gap are shifted so that the edge gap is between the selector and the edge, while a column gap is introduced between the selector and the rest of the content. The size of the selector area is that of the logical size of EQikListBoxSizeSmallIcon; see TQikListBoxContentTypeLogicalSize.

Effect of enabling multiple select

Effect of enabling multiple select


2.2 Standard Layouts Listing

EQikListBoxLine

EQikListBoxLine

EQikListBoxIconLine

EQikListBoxIconLine

EQikListBoxLineIcon

EQikListBoxLineIcon

EQikListBoxIconLineIcon

EQikListBoxIconLineIcon

EQikListBoxIconIconLine

EQikListBoxIconIconLine

EQikListBoxLineIconIcon

EQikListBoxLineIconIcon

EQikListBoxIconLineIconIcon

EQikListBoxIconLineIconIcon

EQikListBoxIconHalfLineHalfLine

EQikListBoxIconHalfLineHalfLine

EQikListBoxIconHalfLineHalfLineLine

EQikListBoxIconHalfLineHalfLineLine

EQikListBoxCheckLineSwappingLine

EQikListBoxCheckLineSwappingLine

EQikListBoxIconIconTwoLines

EQikListBoxIconIconTwoLines

EQikListBoxTwoLines

EQikListBoxTwoLines

EQikListBoxIconTwoLines

EQikListBoxIconTwoLines

EQikListBoxMediumThumbTwoLines

EQikListBoxMediumThumbTwoLines

EQikListBoxMediumIconTwoLines

EQikListBoxMediumIconTwoLines

Terms and conditions of use of the material