Revision as of 15:28, 2 May 2008 by Forum Nokia KB (Talk | contribs)

Archived:Gridbox for Symbian Web Runtime

From Nokia Developer Wiki
Jump to: navigation, search


ID CS000940 Creation date May 2, 2008
Platform S60 3rd Edition, FP2 Tested on devices  
Category S60 Web Runtime Subcategory  
APIs   Classes  


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


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 libary. 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


75 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.