Databases Reference
In-Depth Information
How It Works
If you need to declare some stylesheet classes quickly and use them in your forms (without the need to
reuse these classes in other forms), a good place to declare them is under the
HTML Header and Body
Attribute
section, as you've seen earlier in this recipe. Whatever you've entered in this section is
rendered as-is at the top of the web page generated by APEX.
Once declared, you can reference any of those styles directly via the name of the style class.
Caution
By placing your stylesheet class in the HTML Header and Body Attribute section, you make it available
to the form alone and not to other forms in your application. To create a set of styles that can be used globally
throughout your application or workspace, please consider using custom CSS files instead (covered in Recipe 4-3).
4-3. Using a Custom CSS File
Problem
You have a large number of stylesheet classes stored in a .css file, and you need to reference this css file
in your application so that you can apply custom styles to some elements on your form.
Solution
To use a custom CSS file, follow these steps:
1.
Create a new CSS file (using Notepad or any other editor tool) with the text
shown in Listing 4-2.
Listing 4-2.
A Sample CSS File
.buttonstyle_incss
{
font-family : Verdana;
color : #FFFFFF;
font-weight : bold;
text-align :left ;
vertical-align : middle;
width:150px;
height:25px;
background-color:#000000;
}
2.
Click on an existing application in the Application Builder.
3.
Click the Shared Components icon. In the ensuing page, click the
Cascading
Style Sheets
link under the
Files
section.
