Adapting the Interface Design (SAP Library - Modification of SAP Biller Direct for FI-CA)

Adapting the Interface Design

Use

You can adapt the interface design of FSCM Biller Direct to meet your requirements, for example to use the logo, colors, fonts, and graphics that are characteristic of your homepage.

Procedure

The entries for the interface design are contained in the following Cascading Style Sheet files:

File	Browser Type
winie.css	Microsoft Internet Explorer â
winns.css	Netscape Navigator â
winno.css	Other browser types

To adapt the design, proceed as described in the table: In the example you change the background color of the application menu from blue to pink:

Step	Action	Example
1.	Open the corresponding JSP file in a suitable editor, for example Macromedia Dreamweaver â or Microsoft FrontPage â.	JSP file: navigation_html.jsp
2.	Find the tag containing the attribute class, which is to be changed. Note the name of the attribute.	Message tag: <td id=“NaviTab_1“class= “TabstripEmph“> Name of the attribute class: TabstripEmph
3.	Open the browser-dependent file. Find the entry for the corresponding name.	File: winie.css Name of the attribute: TabstripEmph
4.	Change the corresponding style.	Before BACKGROUND-COLOR:#b1c9e2; After BACKGROUND-COLOR:#FFCCCC;
5.	Save your entries.
6.	Check that your changes appear on the Web interface.

Note You can find the graphic files in folder img (for example, the file bg_navigation_top.jpg). There you can change the company logo or icons.