Hi Arti,
Do you have a class for the center area?
Something like this:
af|MyPanelBorderCenter::background-image
{
content:url(/skins/myskins/skin_images/menuBarBackground.png);
}
Thanks,
Jonas
arti wrote:
Hi
I want to understand how can we use images defined in custom style
classes in Skin file?
For example I have created a custom component "MyPanelBorder" which
renders a table of differnet regions - Left, Right, Center etc. I am
trying to add background-image to the Center region, by adding following
class in the Skin file. But the image does not get displayed in the
browser. Neither can I see any <img> tag when I say "view source". (Same
image is displayed correctly in the MenuBar background on same page, it
works).
af|MyPanelBorder::center {
background-image:url(/skins/myskins/skin_images/menuBarBackground.png);
}
Does my renderer have to explicitly write out a <img> tag for this? If
so, how does my renderer read the Skin file and get the source URL of
the image above?
Thanks
Arti
--
*Author*: Pro JSF and Ajax: Building Rich Internet Components
<http://apress.com/book/bookDisplay.html?bID=10044>
*Blog*: http://www.orablogs.com/jjacobi
