How to refer skin parameters in CSS via JSF Expression Langu
dilsent Apr 9, 2008 1:14 PMHi
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