Images in custom style classes in Skin file

[arti <ar...@tambas.at>]

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

Re: Images in custom style classes in Skin file

[Jonas Jacobi <jo...@oracle.com>]

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