incubator-adffaces-user mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From "arti" <a...@tambas.at>
Subject RE: Images in custom style classes in Skin file
Date Thu, 30 Mar 2006 16:28:22 GMT
Hi Matt,

I have tried using quotes/apostophes, but it does not work.

Thanks
Arti 

-----Original Message-----
From: Matt Cooper [mailto:matt.faces@gmail.com] 
Sent: Thursday, March 30, 2006 6:05 PM
To: adffaces-user@incubator.apache.org
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 <arti@tambas.at> 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&#1255222
>
> Thanks
> Arti
>
> -----Original Message-----
> From: Jonas Jacobi [mailto:jonas.jacobi@oracle.com]
> Sent: Wednesday, March 29, 2006 8:38 PM
> To: adffaces-user@incubator.apache.org
> 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
>
>
>
>
>



Mime
View raw message