Configuring Siebel Business Applications > Configuring Applet Layouts > Using Grid Layout for an Applet >

Modifying the Background Color of an Applet

To modify the background color of an applet that references a grid layout web template, you can modify the relevant selectors in the main.css (Cascading Style Sheet). For more information about main.css, see Siebel Developer's Reference.

To modify the background color of an applet

• If the applet is the parent applet, then modify the AppletStyle1 selector.

  The parent applet is the top applet in a view. For example:

  /*Parent Applet Style*/

  .AppletStyle1{background-color : #f00000; color:#00f0ff; }

• If the applet is the child applet, then modify the AppletStyle3 selector.

  The child applet is not the top applet in a view. For example:

  /*Child Applet Style*/

  .AppletStyle3 { background-color: #f0f000;}