You see the Properties window for a body component when you select the component in the Navigator window. This component has the following properties.
General
id.Type: String
The name of the body component in the page bean and the JSP file.
Appearance
imageURL. Type: String
The URL or file name for an image to be displayed as the page background. Click the ellipsis (...) button either to enter a URL or to navigate to the image file.
If you navigate to a file, select the file and click OK. You see the image displayed on your page. The image file is copied to the project, and you can see it in the Projects window under project-name > Web Pages > resources.
style. Type: String
Cascading Style Sheet rules (CSS level 2) to be applied to the body component. For example:
background-color: aqua;
You can enter values directly or click the ellipsis (...) button to use the Style Editor.
This property overrides any settings in the theme or the project CSS file for this component. If a style specified in this property does not appear to take effect, it is because an area of the component is obscured by a child component that has different style settings.
If you edit the values directly, be careful not to delete the -rave-layout:grid style. This style indicates if the page is in grid or flow mode. Typically, the default grid mode is the most useful setting for arranging components on the page.
For a list of CSS2 style attributes, see the web page at
styleClass. Type: String
A space-separated list of CSS2 style classes to be applied when the component is rendered. The style classes must be defined in the project's style sheet or in the theme's CSS file. If you click the ellipsis button (...), you see a list of all styles you can add to this property. For information on adding CSS classes and rules to the project's cascading style sheet, see CSS Editor.
See the note above under the style property description for an explanation of why a class added to this property might appear to have no effect on the component.
If you add a CSS style class from the current theme to your project CSS file and you redefine the style class, the change affects all components that use this style class. However, you can add your own style classes to the project CSS file that redefine the default style classes, and then when you add them to this property, the changes affect only this instance of this component.
Behavior
focus. Type: String
Specifies the component that is to receive focus when the page is loaded. You can choose a component from the drop down list. If preserveFocus is unselected (false), the focus property controls which element receives the focus every time the page is rendered.
preserveFocus. Type: boolean
Determines if the page's focus, after the first display of the page, will be set to the element that had the focus when the page was submitted. If this property is unselected (false), focus is not reset to the selected element.
visible. Type: boolean
Indicates whether or not the body of the page should be visible to the user when the HTML page is rendered. If you deselect this property, the body's HTML code is rendered on the page, but the body is not visible in the browser because it is hidden by a style setting. Because the HTML code is rendered, users who view source in the browser can see the HTML code. In addition, your web application can use client-side JavaScript to show or hide the body.
If you need to completely hide the body, for example, because it contains sensitive information that certain users should not see, deselect the rendered property.
JavaScript
onBlur. Type: String
JavaScript to be executed when the body loses focus.
onClick. Type: String
JavaScript to be executed when the user clicks the body.
onDblClick. Type: String
JavaScript to be executed when the user double-clicks the body.
onFocus. Type: String
JavaScript to be executed when the body gains focus.
onKeyDown. Type: String
JavaScript to be executed when the body has focus and a key is pressed.
onKeyPress. Type: String
JavaScript to be executed when the body has focus and a key is pressed and released.
onKeyUp. Type: String
JavaScript to be executed when the body has focus and a key is released.
onLoad. Type: String
JavaScript to be executed when the page is loaded into a browser.
onMouseDown. Type: String
JavaScript to be executed when the mouse cursor is over the body and the user presses down on the mouse button.
onMouseMove. Type: String
JavaScript to be executed when the user moves the mouse cursor within the body.
onMouseOut. Type: String
JavaScript to be executed when the user moves the mouse cursor away from the body after it has been over the body.
onMouseOver. Type: String
JavaScript to be executed when the user moves the mouse cursor onto the body.
onMouseUp. Type: String
JavaScript to be executed when the mouse cursor is over the body and the user releases the mouse button.
onUnLoad. Type: String
JavaScript to be executed when the user exits the page and the page is unloaded from the browser.
Advanced
rendered. Type: boolean
If selected, the body component is to be rendered and processed on any subsequent page submission. If not selected, the <body> tag and its contents (the contents of the page) do not appear at all.