0 Replies Latest reply on Apr 9, 2008 1:32 PM by dilsent

    How to refer skin parameters in CSS via JSF Expression Langu

    dilsent

      Hi

      I am developing a seam application using rich faces. I have defined my own custom stylesheet and skin.properties .Is there any way to reference the skin parameters within my CSS file. The jboss link http://www.jboss.org/file-access/default/members/jbossrichfaces/freezone/docs/devguide/en/html/ArchitectureOverview.html
      says that it could be done using JSF expression language.

      This is my css

      HTML,BODY
      {
      background-color: #dfdfdf;
      margin:0px 0px 0px 0px;
      padding:0px;
      }
      .page {
      height:100%;
      width: 100%;
      }

      .panel {
      width: 100%;
      }

      td.leftContent {
      width:;
      background:#fff;
      border:1px solid #000;
      }


      td.centerContent {
      width:60%;
      background:#fff;
      border:1px solid #000;
      }

      td.rightContent {
      width:20%;
      background:#fff;
      border:1px solid #000;
      }

      .footer {
      vertical-align:bottom;
      }

      Skin properties

      #Colors
      #headerBackgroundColor=#BED6F8
      headerBackgroundColor=\#FFFFFF
      headerGradientColor=#F2F7FF
      headerTextColor=#000000
      headerWeightFont=bold
      generalTextColor=#000000
      generalSizeFont=11px
      generalFamilyFont=Arial, Verdana, sans-serif

      controlTextColor=#000000
      controlBackgroundColor=#ffffff
      additionalBackgroundColor=#ECF4FE

      shadowBackgroundColor=#000000
      shadowOpacity=1

      panelBorderColor=\#FFFFFF

      generalBackgroundColor=\#FFFFFF
      subBorderColor=#ffffff

      tabBackgroundColor=#C6DEFF
      tabDisabledTextColor=#8DB7F3

      trimColor=#D6E6FB

      tipBackgroundColor=\#FAE6B0
      tipBorderColor=\#E5973E

      selectControlColor=#E79A00


      #generalLinkColor=#0078D0
      generalLinkColor=#7DBA00
      hoverLinkColor=#0090FF
      visitedLinkColor=#0090FF

      # Fonts
      headerSizeFont=11px
      headerFamilyFont=Arial, Verdana, sans-serif

      tabSizeFont=11
      tabFamilyFont=Arial, Verdana, sans-serif

      buttonSizeFont=11
      buttonFamilyFont=Arial, Verdana, sans-serif


      tableBackgroundColor=#FFFFFF
      tableFooterBackgroundColor=#cccccc
      tableSubfooterBackgroundColor=#f1f1f1
      tableBorderColor=#C0C0C0
      tableBorderWidth=1px


      #Calendar colors
      calendarWeekBackgroundColor=#F5F5F5

      calendarHolidaysBackgroundColor=#FFEBDA
      calendarHolidaysTextColor=#FF7800

      calendarCurrentBackgroundColor=#FF7800
      calendarCurrentTextColor=#FFEBDA

      calendarSpecBackgroundColor=#E4F5E2

      width =20%


      I would like to refer the width element in td.LeftContent class in my stylesheet with the width attribute ,width= 20% from my skin .properties.

      Any help will be highly appreciated.

      Thanks

      Senthil