SAP ABAP IMG Activity WCF_V_CUST_CSS (Define Path for CSS Files)
Hierarchy
☛ WEBCUIF (Software Component) SAP Web UI Framework
   ⤷ CA-WUI (Application Component) WebClient UI
     ⤷ WCF_IMG_STRUCTURE (Package) Structure and Activities for WEBCUIF IMG
IMG Activity
ID WCF_V_CUST_CSS Define Path for CSS Files  
Transaction Code S_A0F_96000089   (empty) 
Created on 20090427    
Customizing Attributes WCF_V_CUST_CSS   Define Path for CSS Files 
Customizing Activity WCF_V_CUST_CSS   Define Path for CSS Files 
Document
Document Class SIMG   Hypertext: Object Class - Class to which a document belongs.
Document Name WCF_V_CUST_CSS    

Use

In this Customizing activity, you can add your own Cascading Style Sheet (CSS) files on top of the CSS files provided in the SAP system.

Instead of copying and pasting an existing skin and then adapting the copied skin to your requirements, you can simply create a CSS file and change, for example, the styles that are used to change the background color of an input field. You can also change the image at the top of the navigation bar, or the highlighting of navigation bar links.

The CSS files that you add have the following properties:

  • Skin-dependent
    You can add multiple CSS files, depending on the skin
  • Browser-dependent
    You can use multiple CSS files for Microsoft Internet Explorer and Mozilla Firefox browsers, depending on the browser version
  • RTL-dependent
    Used for right-to-left support for languages such as Hebrew
  • Visual effects mode
    Used for mouseover effects

In this Customizing activity, you can define the path (URL) where your CSS file is located. If you add a CSS file, this file overwrites the standard CSS file provided by SAP. You can use the following formats to enter the URL for the CSS files:

  • Absolute path: http://test.com/style.css
    Note
    Be aware of protocol warning messages issued by the browser if used with https sessions.
  • Relative path: SAP/BC/BSP/SAP/thtmlb_styles/sap_skins/default/style.css
  • Local path: style.css
    • If the skin is provided, the path is retrieved (SAP/BC/BSP/SAP/thtmbl_styles/sap_skins/default/), and style.css is concatenated to the end.
    • If the skin is not provided, the path to the parent folder that contains all skin folders is retrieved (SAP/BC/BSP/SAP/thtmlb_styles/sap_skins/), and style.css is added to the end.

Note

If you add your own CSS files, you need to ensure that the syntax of these files is correct. Otherwise, the WebClient UI is distorted.

For more information about skins, see Customizing for Customer Relationship Management at UI Framework -> UI Framework Definition -> Skins and Icons.

Requirements

Standard settings

Activities

Example

Business Attributes
ASAP Roadmap ID 201   Make global settings 
Mandatory / Optional 2   Optional activity 
Critical / Non-Critical 2   Non-critical 
Country-Dependency A   Valid for all countries 
Assigned Application Components
Documentation Object Class Documentation Object Name Current line number Application Component Application Component Name
SIMG WCF_V_CUST_CSS 0 PNF0000011 WebClient UI 
Maintenance Objects
Maintenance object type C   Customizing Object 
Assigned objects
Customizing Object Object Type Transaction Code Sub-object Do not Summarize Skip Subset Dialog Box Description for multiple selections
WCFV_CUST_CSS C - View cluster SM34  
History
Last changed by/on SAP  20090427 
SAP Release Created in 701