Implementation Guide for Oracle Self-Service E-Billing > Customizing Oracle Self-Service E-Billing > Customizing the User Interface Files >

Customizing Web Document Styles

Oracle Self-Service E-Billing provides Cascading Style Sheets (CSS) as a mechanism for adding style, such as fonts, colors, and spacing, to Web documents to provide a user-customized interface.

The user interface of Oracle Self-Service E-Billing uses industry standards (consistent page layout, navigation bars, bread crumbs, and logically labeled controls) to make a consistent and intuitive user experience. The use of Cascading Style Sheets ensures separation of style from presentation.

The page layout of the Oracle Self-Service E-Billing application consists of the following body areas:

• Pagewrap
  • Top_page
  • Logo
  • Userlinks
  • Tabbar and tabs
  • Subtabbar and subtabs
  • Sidecontent
    • Quicklinks: Header and Quicklinklist
    • Reportcontext: Header and Reportcontextlist
  • Maincontent
    • Breadcrumb
    • Pageheading
    • Pagetabs (When applicable)
    • Errormessage
    • successmessage
    • Subtitle (Repeats at the top of each module)
    • Buttonbar downloadPrint (When applicable)
    • Buttonbar (When applicable)
    • Contextbox
    • Infomessage (When applicable)
    • Buttonbar (When applicable)
• Clearline
• Footer. All style sheets reside in the _assets/css directory. The primary style sheet is take1.css, which is the only style sheet that the application uses with the exception of all Printer Friendly-rendered pages.

  Oracle Self-Service E-Billing calls for the Cascading Style Sheet file from the main templates, which are in the _templates directory. The JSP file names are:

  • simplelayout.jsp
  • simplelayout1.jsp
  • popupLayout.jsp
  • paymentLayout.jsp
  • dashBoardLayout.jsp