The ForwardButton Module is used to set the parameters of the Forward Button. When clicked the Forward button will navigate forward to the browser history, if possible.
| forwardButton (Module) <META> Syntax |
|---|
<META HTTP-Equiv="ForwardButton" content="[parameter]"> |
| ForwardButton JavaScript Object Syntax: |
|---|
| By default the JavaScript Object 'forwardButton' will exist on the current page and can be used to interact directly with the forwardButton. |
| To Set forwardButton parameters via JavaScript use the following syntax: forwardbutton.parameter = 'value'; remembering to enclose your value in quotes where appropriate. e.g. forwardButton.left = 'value'; |
| To set multiple EMML parameters / events on a single line use the following syntax: forwardbutton.setEMML("[Your EMML Tags]"); e.g. forwardButton.setEMML("left:value"); |
| ForwardButton Ruby Object Syntax: |
|---|
| By default the Ruby Object 'ForwardButton' will exist on the current page and can be used to interact directly with the ForwardButton. All Methods, Parameters and Events are the same as JavaScript, however, notice 'ForwardButton' needs to start with an uppercase letter. Another difference in Ruby is that methods do not end in '()' |
| To Set ForwardButton parameters via Ruby use the following syntax: ForwardButton.parameter = 'value' remembering to enclose your value in quotes where appropriate. e.g. ForwardButton.left = 'value' |
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 Forward Button. | To the right of the address bar |
| top:[Value] | Positive number, representing pixels | Sets the Y position of the Forward Button. | To the right of the address bar |
| height:[Value] | Positive number, representing pixels | Sets the height of the Forward Button. | Dependant on screen resolution |
| width:[Value] | Positive number, representing pixels | Sets the width of the Forward Button. | Dependant on screen resolution |
| imageUp:[Value] | URL | Sets the image to be displayed when the Forward Button is in the up state. See Remarks. | Default image |
| imageDown:[Value] | URL | Sets the image to be displayed when the Forward Button is in the down state. See Remarks. | Default image |
| visibility:[Value] | Visible, Hidden | Sets the visibility of the forward button. | Hidden. |
Images can be specified as local to the device or on an HTTP / FTP server, just specify the required protocol as part of your URL (file://\, HTTP:// and FTP://). Image will be scaled to the size of the button. JPEG and GIF images are only supported on WM devices. Both CE and WM support BMP files.
For compatibility reasons RhoElements maintains its own history stack independent of the underlying browser. This means the forward button is only compatible with the back button and will not navigate forward after the user calls JavaScript:history.back(1).
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.
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 Enterprise Tablet)
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.
This API is designed for debugging your application only and should not be used in production
| 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. |
The following example shows the Forward button, sets its left and top coordinates to 50, and its width and height to 30 pixels.
<META HTTP-Equiv="ForwardButton" Content="Visibility:Visible"> <META HTTP-Equiv="ForwardButton" Content="Left:50"> <META HTTP-Equiv="ForwardButton" Content="Top:50"> <META HTTP-Equiv="ForwardButton" Content="Width:30"> <META HTTP-Equiv="ForwardButton" Content="Height:30">
The following example shows the Forward button, sets its width to 30 pixels, its left coordinate to 50, and displays the forward_up.gif / forward_down.gif image on it (resizing the images if necessary).
<META HTTP-Equiv="ForwardButton" Content="Width:30; Left:50; ImageUp:url('http://myaddress/forward_up.gif'); ImageDown:url('http://myaddress/forward_down.gif'); Visibility:Visible">