Siebel Self-Service Application Developer's Guide > Customizing the Appearance of Siebel Self-Service Applications >

Customizing Menu Orientation for Self-Service Applications

In Siebel Self-Service Applications, menus can be laid out vertically or horizontally for the selected skins. This is controlled by the faces-config-base-skin-properties.xml file in the ViewController/public_html/WEB-INF directory.

Menus are rendered either horizontally in page headers or vertically in the left facets of page central content areas depending on the values set in this file.

The following is an example of faces-config-base-skin-properties.xml:

<?xml version="1.0" encoding="windows-1252"?>

<!DOCTYPE faces-config PUBLIC "-//Sun Microsystems, Inc.//DTD JavaServer Faces Config 1.1//EN" "http://java.sun.com/dtd/web-facesconfig_1_1.dtd">

<faces-config xmlns="http://java.sun.com/JSF/Configuration">

<managed-bean>

<managed-bean-name>SelfService</managed-bean-name>

<managed-bean-class>oracle.apps.ss.base.view.util.SkinProperties</managed-bean-class>

<managed-bean-scope>application</managed-bean-scope>

<managed-property>

<property-name>menuLayout</property-name>

<value>horizontal</value>

</managed-property>

</managed-bean>

<managed-bean>

<managed-bean-name>Sample</managed-bean-name>

<managed-bean-class>oracle.apps.ss.base.view.util.SkinProperties</managed-bean-class>

<managed-bean-scope>application</managed-bean-scope>

<managed-property>

<property-name>menuLayout</property-name>

<value>vertical</value>

</managed-property>

</managed-bean>

</faces-config>

You can copy, rename, and customize the faces-config-base-skin-properties.xml file to determine the orientation of menus in your applications.

To customize menu layout for Self-Service applications

1. Copy the faces-config-base-skin-properties.xml file and rename it, for example, faces-config-ABC-skin-properties.xml, where ABC is the name of your company.
2. Replace faces-config-base-skin-properties.xml with faces-config-ABC-skin-properties.xml in ViewController/public_html/web.xml under the context parameter javax.faces.CONFIG_FILES:

   <context-param>

   <param-name>javax.faces.CONFIG_FILES</param-name>

   <param-value>...,/WEB-INF/faces-config-ABC-skin-properties.xml,...</param-value>

   </context-param>

3. Open faces-config-ABC-skin-properties.xml in a text editor.
4. Create a managed bean with the same name as the skin family defined in the adf-faces-skins.xml file.
5. Set the value of the menuLayout property to either horizontal or vertical, depending on how you want the menus in the application to appear.