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.

Archived:Gridbox for Symbian Web Runtime

From Wiki
Jump to: navigation, search

Archived.pngArchived: This article is archived because it is not considered relevant for third-party developers creating commercial solutions today. If you think this article is still relevant, let us know by adding the template {{ReviewForRemovalFromArchive|user=~~~~|write your reason here}}.

This example Javascript code is intended for re-use and incorporation into larger projects.

Article Metadata
Code Example
Source file:
Platform(s): S60 3rd Edition, FP2
S60 3rd Edition FP2
Created: sellis (14 Feb 2008)
Last edited: hamishwillee (28 Sep 2012)


GridBox is a graphical user interface library, written in JavaScript language and designed for the S60 Web Runtime platform. The library can be used mainly in Web widgets for S60 to display images, icons, or even text information on a grid view.

GridBox is controlled by the “keypress” event of the five-way navigation key (on S60 devices). Therefore, it requires the browsing mode of a widget to be set to “tabbed” mode (vs. “cursor” mode). GridBox, however, does not enforce this requirement automatically. Widgets using the library, need to set the browsing mode accordingly. This gives the widgets a chance to mixed-use GridBox and other UI components that may require the “cursor” mode.

Grid view demo.jpg

Public methods

The following public methods are used in this library. For detailed descriptions of the methods, see the Gridbox_Library_Ref.pdf included in the example application.

  Constructor GridBox (Element [div] viewElement,
Integer maxRow,
Integer maxCol,
Integer maxHeight,
Integer maxWidth,
Boolean searchEnabled,
String mode)
Void activateGridBox ()
Void deactivateGridBox ()
Void releaseResources ()
Element [text input] getSearchElement ()
Void setResourceLocation (String path)
Void setSize (Integer maxRow, Integer maxCol, Integer maxHeight, Integer maxWidth)
Void setDisplayStyle (String unselectedStyle, String selectedStyle)
String getSelectedItem ()
Void addItem (String item)
Void createList (Array newItems)
Void removeItem ()
Void filter (String argument)
Callback function onCenterNaviKeyPress ()
Callback function onItemSelected ()

Example application

This page was last modified on 28 September 2012, at 04:12.
31 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.