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.png)
> > ;
> > }
>
> 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.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
>
>
>
>
>
