Hi Matt, I have tried using quotes/apostophes, but it does not work.
Thanks Arti -----Original Message----- From: Matt Cooper [mailto:[EMAIL PROTECTED] Sent: Thursday, March 30, 2006 6:05 PM To: [email protected] Subject: Re: Images in custom style classes in Skin file Hi Arti, Is that style a copy-and-paste directly? You might try inserting apostrophes around the image inside the URL like: background-image: url('/skins/myskins/skin_images/menuBarBackground.png'); Regards, Matt On 3/30/06, arti <[EMAIL PROTECTED]> wrote: > > Hi Jonas, > > Yes, I have the same style class as mentioned in my previous mail > (copied below) > > > af|MyPanelBorder::center { > > background-image:url(/skins/myskins/skin_images/menuBarBackground.pn > > g) > > ; > > } > > and in my renderer, I have following code inside encodeBegin method > > // Render the CENTER area of panel > writer.startElement("tr", component); // Height 70% > writer.startElement("td", component); > writer.writeAttribute("class", MY_PANEL_BORDER_CENTER, "class"); > writer.endElement("td"); > writer.endElement("tr"); > > Where MY_PANEL_BORDER_CENTER is Style class name as it appears in the > generated CSS - defined as below > // Style class for CENTER from generated CSS > public static final String MY_PANEL_BORDER_CENTER = > "af_MyPanelBorder_center"; > > Surprisingly, the same image, with same relative path, is used in the > CSS for menuBar background, and it is shown in browser, on same page, > correctly. > > I see something tricky - My original CSS has URLs to many images. But > the generated CSS does not contain any image file names - except for > this image for my style class ("af|MyPanelBorder::center"). Still all > the images are being displayed correctly. > > I need to understand how the CSS is generated from the orginal source > CSS. If the generated CSS does not contain any images, how are those > images displayed in the browser? > > I have a separate discussion thread on this on JDeveloper forum (since > I was not aware of this forum before). Kindly check it for details. > http://forums.oracle.com/forums/thread.jspa?messageID=1255222� > > Thanks > Arti > > -----Original Message----- > From: Jonas Jacobi [mailto:[EMAIL PROTECTED] > Sent: Wednesday, March 29, 2006 8:38 PM > To: [email protected] > Subject: Re: Images in custom style classes in Skin file > > 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.pn > > g) > > ; > > } > > > > 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 > > > > >
