Adding or editing web headers and footers
- In BMC Remedy Developer Studio, open the form for which you want to include web header or footer text.
- Click the tab of the web view for which you want to add or edit headers or footers.
- In the Properties tab, modify values for the Web Footer Content and Web Header Content properties.
Enclose all text within <div> tags, and specify the position for the header and footer text, as shown in the following example:
In this example, the header is positioned 50 pixels from the top of the form, and 30 pixels from the left edge, with a height of 45 pixels. The <h1> tag indicates a heading and specifies styles for the color, background color, font size and style, border, and padding around the text.
<div style="position: absolute; top: 50px; left: 30px; width=640px; height: 45px;"> <h1 style="color: #ffffff;background-color: 003366; font-size: 24pt; font-style: italic; border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; padding-top: 6px; padding-bottom: 6px;">ABC Enterprise Solutions</h1> </div>
Make sure that the CSS z-index of the header and footer is greater than that of the other elements on the page that overlap it. For example, if you add content to the top of the page, make sure that its z-index is greater than that of the FormContainer element (for instance, greater than 29999).
Example header in a web view of a form
(Click the image to expand it.)
- Save the form.
- Open the form in a browser to verify that the positioning and text are correct: