Example of custom style sheet

This example uses a custom style sheet to format the background color and indent the codes in this view.

• Here is the query that is used to format the output.

  
  SELECT TOP 4 ITEM_CODE, STATUS_IND, MODIFY_DATE,
  CASE ITEM_CODE WHEN '01001' THEN 'F_CSS_CSS1' 
              WHEN '01002' THEN 'F_CSS_CSS2'
              WHEN '01003' THEN 'F_CSS_CSS3' 
              WHEN '01004' THEN 'F_CSS_CSS4' END AS F_CSS_ITEM_CODE
  FROM FSITEM WHERE ITEM_CODE LIKE '0100%'
  

• Add the CSS class to FsBase.css. It is located on the app server in this directory:

  c:\inetpub\wwwroot\FsOptivaWeb\Core\css

• Here is the custom CSS file that is used to format the background color and the indentation of the output.

  
  .F_CSS_CSS1 {
        background-color: coral;
        padding-left: 10px; }
  .F_CSS_CSS2 {
        background-color: burlywood;
        padding-left: 20px;}
  .F_CSS_CSS3 {
        background-color: mediumturquoise;
        padding-left: 25px;}
  .F_CSS_CSS4 {
        background-color: gainsboro;
        padding-left: 30px; }