Configuring Siebel Open UI > Customizing Styles, Applets, Fields, and Controls > Customizing Logos, Themes, Backgrounds, Tabs, Styles, and Fonts >

Using Cascading Style Sheets to Modify the Position, Dimension, and Text Attributes of an Object

The example in this topic describes how to modify the cascading style sheet. You move the Predefined Query (PDQ) to a different location and you modify the text color of the Predefined Query.

To use cascading style sheets to modify the position, dimension, and text attributes of an object

1. Add these CSS rules to the end of your custom style sheet, my-style.css:
   

   #_sweclient #_sweappmenu .PDQToolbarContainer {
     position: absolute;
     top: 40px;
     left: 610px;
     width: 140px;
   }
   #_sweclient #_sweappmenu .PDQToolbarContainer select {
     color: red;
     width: 140px;
   }

2. Save the my-style.css file.
3. Verify that the Predefined Query drop-down list appear to the right and below the Help menu.