Warning Older Docs! - You are viewing documentation for a previous released version of RhoMobile Suite.

AddressBar Module

The AddressBar Module is used to set the parameters of the address bar. The address bar should only be used for debugging Hybrid applications and is not designed to be used as a replacement for a web browser address bar. Press the 'Go' button or enter key to navigate to the typed URI.

Syntax

addressBar (Module) <META> Syntax

<META HTTP-Equiv="AddressBar" content="[parameter]">
AddressBar JavaScript Object Syntax:
By default the JavaScript Object 'addressBar' will exist on the current page and can be used to interact directly with the addressBar.
To Set addressBar parameters via JavaScript use the following syntax: addressbar.parameter = 'value'; remembering to enclose your value in quotes where appropriate.

e.g. addressBar.left = 'value';
To set multiple EMML parameters / events on a single line use the following syntax: addressbar.setEMML("[Your EMML Tags]");

e.g. addressBar.setEMML("left:value");
AddressBar Ruby Object Syntax:
By default the Ruby Object 'AddressBar' will exist on the current page and can be used to interact directly with the AddressBar. All Methods, Parameters and Events are the same as JavaScript, however, notice 'AddressBar' needs to start with an uppercase letter. Another difference in Ruby is that methods do not end in '()'
To Set AddressBar parameters via Ruby use the following syntax: AddressBar.parameter = 'value' remembering to enclose your value in quotes where appropriate.

e.g. AddressBar.left = 'value'

Parameters

Items listed in this section indicate parameters, or attributes which can be set.

Name Possible Values Description Default Value
left:[Value] Positive number, representing pixels Sets the X position of the address bar. 0
top:[Value] Positive number, representing pixels Sets the Y position of the address bar. 0
width:[Value] Positive number, representing pixels Sets the width of the address bar. Most of the screen width
visibility:[Value] visible, hidden Sets the visibility of the address bar Hidden

Remarks

Default Positions

By default this control will be placed a the top of the screen. On Windows Mobile if the ‘FullScreen’ configuration setting is disabled the control will need to be moved, otherwise it will appear beneath the task bar.

Switching to Other Applications

All controls are designed to be shown on top of RhoElements. If you require to switch to an application other than RhoElements you should minimize RhoElements to ensure the buttons do not remain shown. (Not applicable to Android)

Screen Orientation

When the screen orientation changes, either using the ScreenOrientation tag or by rotating a device with hardware support, the command areas will automatically move and resize to fit the new layout. However the buttons themselves are not moved and in some cases this may result in them being off the screen or not in the expected position. If so they must be moved manually by detecting the ScreenOrientationEvent.

Named Anchors

The address bar is not compatible with named anchors (page bookmarks) eg. <a name=“bookmark”/>

Use in Production

This API is designed for debugging your application only and should not be used in production

Requirements

RhoElements Version 1.0.0 or above
Supported Devices All supported touch devices.
Minimum Requirements None.
Persistence Persistent - Changes to this module will persist when navigating to a new page.

HTML/JavaScript Examples

The following example shows the address bar, sets the left and top coordinates to 50, and the width to 100.

<META HTTP-Equiv="AddressBar" Content="visibility:visible">
<META HTTP-Equiv="AddressBar" Content="left:50">
<META HTTP-Equiv="AddressBar" Content="top:50">
<META HTTP-Equiv="AddressBar" Content="width:100">

The following example shows the address bar, sets the left and top coordinates to 0, and the width to 50.

<META HTTP-Equiv="AddressBar" Content="left:0; top:0; width:50">
Back to Top