Re: Setting Background image on panel
Your css contains a mistake: you have to set a fixed height and width on your panel, and not through %. Try it and you will see it works. You did the same by adding a widget to it. --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Google Web Toolkit group. To post to this group, send email to Google-Web-Toolkit@googlegroups.com To unsubscribe from this group, send email to google-web-toolkit+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/Google-Web-Toolkit?hl=en -~--~~~~--~~--~--~---
Re: Setting Background image on panel
You change your css by:
*.rightPanelReservedZone {*
* **background: red;
}
*
If you can see the panel's backgroud in red, the problem is in the image's
url.
Also you can check if there is any error using firebug
Manolo Carrasco
2009/7/29 Rodrigue Lagoue rlag...@googlemail.com
Hi Ed
at first thanks for your answer.
1) If yes: then you have your solution as you only have to set the CSS
name on your widget/panel through for example setStyleName(String).
it's the first thing i tried. But it didn't work at all. here is a listing
of the involved part in my css file:
*.rightPanelReservedZone {*
* **background-image: url(images/bgleer.jpg);*
* **background-repeat: no-repeat;*
* **background-attachment: fixed;*
* **font-family: Arial, Helvetica, sans-serif;*
* **font-size: 12px;*
* **font-style: normal;*
* **font-weight: normal;*
* **height: 90%;*
* **width: 85%;** *
*}*
and i then add a new style by calling:
*//rightPanel.addStyleName(rightPanelReservedZone);*
* **rightPanel.setStyleName(rightPanelReservedZone);*
*
*
Like you can see, i tried the both methods, but without success.
I thought it could be a problem with the image's path. But to my surprise,
i the image was found as i try the following *panel.add(new
Image(images/pic.jpg))*.
On Wed, Jul 29, 2009 at 9:38 AM, Ed post2edb...@hotmail.com wrote:
Do you know how to set the background-image of any html tag, like a
DIV through CSS?
1) If yes: then you have your solution as you only have to set the CSS
name on your widget/panel through for example setStyleName(String).
2) If not: please have a look at some HTML book how to do this and go
back to 1)...
Extra info: go through a a tutorial of GWT, as it's basically the
first thing they explain..
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
Google Web Toolkit group.
To post to this group, send email to Google-Web-Toolkit@googlegroups.com
To unsubscribe from this group, send email to
google-web-toolkit+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/Google-Web-Toolkit?hl=en
-~--~~~~--~~--~--~---
Re: Setting Background image on panel
Do you know how to set the background-image of any html tag, like a DIV through CSS? 1) If yes: then you have your solution as you only have to set the CSS name on your widget/panel through for example setStyleName(String). 2) If not: please have a look at some HTML book how to do this and go back to 1)... Extra info: go through a a tutorial of GWT, as it's basically the first thing they explain.. --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Google Web Toolkit group. To post to this group, send email to Google-Web-Toolkit@googlegroups.com To unsubscribe from this group, send email to google-web-toolkit+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/Google-Web-Toolkit?hl=en -~--~~~~--~~--~--~---
Re: Setting Background image on panel
Hi Ed
at first thanks for your answer.
1) If yes: then you have your solution as you only have to set the CSS
name on your widget/panel through for example setStyleName(String).
it's the first thing i tried. But it didn't work at all. here is a listing
of the involved part in my css file:
*.rightPanelReservedZone {*
* **background-image: url(images/bgleer.jpg);*
* **background-repeat: no-repeat;*
* **background-attachment: fixed;*
* **font-family: Arial, Helvetica, sans-serif;*
* **font-size: 12px;*
* **font-style: normal;*
* **font-weight: normal;*
* **height: 90%;*
* **width: 85%;** *
*}*
and i then add a new style by calling:
*//rightPanel.addStyleName(rightPanelReservedZone);*
* **rightPanel.setStyleName(rightPanelReservedZone);*
*
*
Like you can see, i tried the both methods, but without success.
I thought it could be a problem with the image's path. But to my surprise, i
the image was found as i try the following *panel.add(new
Image(images/pic.jpg))*.
On Wed, Jul 29, 2009 at 9:38 AM, Ed post2edb...@hotmail.com wrote:
Do you know how to set the background-image of any html tag, like a
DIV through CSS?
1) If yes: then you have your solution as you only have to set the CSS
name on your widget/panel through for example setStyleName(String).
2) If not: please have a look at some HTML book how to do this and go
back to 1)...
Extra info: go through a a tutorial of GWT, as it's basically the
first thing they explain..
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
Google Web Toolkit group.
To post to this group, send email to Google-Web-Toolkit@googlegroups.com
To unsubscribe from this group, send email to
google-web-toolkit+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/Google-Web-Toolkit?hl=en
-~--~~~~--~~--~--~---
Re: Setting Background image on panel
but you may be setting the wrong path... unless your css file is located on
the same page as the html...
otherwise you would be looking at:
blablabal/*css*/images/bgleer.jpg from your css
*
*
*and *
blablabal/images/bgleer.jpg from your GWT/html code
On Wed, Jul 29, 2009 at 5:22 AM, Rodrigue Lagoue rlag...@googlemail.comwrote:
Hi Ed
at first thanks for your answer.
1) If yes: then you have your solution as you only have to set the CSS
name on your widget/panel through for example setStyleName(String).
it's the first thing i tried. But it didn't work at all. here is a listing
of the involved part in my css file:
*.rightPanelReservedZone {*
* **background-image: url(images/bgleer.jpg);*
* **background-repeat: no-repeat;*
* **background-attachment: fixed;*
* **font-family: Arial, Helvetica, sans-serif;*
* **font-size: 12px;*
* **font-style: normal;*
* **font-weight: normal;*
* **height: 90%;*
* **width: 85%;** *
*}*
and i then add a new style by calling:
*//rightPanel.addStyleName(rightPanelReservedZone);*
* **rightPanel.setStyleName(rightPanelReservedZone);*
*
*
Like you can see, i tried the both methods, but without success.
I thought it could be a problem with the image's path. But to my surprise,
i the image was found as i try the following *panel.add(new
Image(images/pic.jpg))*.
On Wed, Jul 29, 2009 at 9:38 AM, Ed post2edb...@hotmail.com wrote:
Do you know how to set the background-image of any html tag, like a
DIV through CSS?
1) If yes: then you have your solution as you only have to set the CSS
name on your widget/panel through for example setStyleName(String).
2) If not: please have a look at some HTML book how to do this and go
back to 1)...
Extra info: go through a a tutorial of GWT, as it's basically the
first thing they explain..
--
Quer aprender a programar? acompanhe:
Wants to learn GWT? Follow this blog -
http://tcninja.blogspot.com
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
Google Web Toolkit group.
To post to this group, send email to Google-Web-Toolkit@googlegroups.com
To unsubscribe from this group, send email to
google-web-toolkit+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/Google-Web-Toolkit?hl=en
-~--~~~~--~~--~--~---
Re: Setting Background image on panel
hi Nuno!
no the path .../pic.jpg was just an example.
i found out that the problem could be that the panel who supposed to have
the image background is empty. If i put some widgets on this panel, the
image background become visible. I cannot explain why.
thanks
On Wed, Jul 29, 2009 at 4:25 PM, Nuno brun...@gmail.com wrote:
but you may be setting the wrong path... unless your css file is located on
the same page as the html...
otherwise you would be looking at:
blablabal/*css*/images/bgleer.jpg from your css
*
*
*and *
blablabal/images/bgleer.jpg from your GWT/html code
On Wed, Jul 29, 2009 at 5:22 AM, Rodrigue Lagoue
rlag...@googlemail.comwrote:
Hi Ed
at first thanks for your answer.
1) If yes: then you have your solution as you only have to set the CSS
name on your widget/panel through for example setStyleName(String).
it's the first thing i tried. But it didn't work at all. here is a listing
of the involved part in my css file:
*.rightPanelReservedZone {*
* **background-image: url(images/bgleer.jpg);*
* **background-repeat: no-repeat;*
* **background-attachment: fixed;*
* **font-family: Arial, Helvetica, sans-serif;*
* **font-size: 12px;*
* **font-style: normal;*
* **font-weight: normal;*
* **height: 90%;*
* **width: 85%;** *
*}*
and i then add a new style by calling:
*//rightPanel.addStyleName(rightPanelReservedZone);*
* **rightPanel.setStyleName(rightPanelReservedZone);*
*
*
Like you can see, i tried the both methods, but without success.
I thought it could be a problem with the image's path. But to my surprise,
i the image was found as i try the following *panel.add(new
Image(images/pic.jpg))*.
On Wed, Jul 29, 2009 at 9:38 AM, Ed post2edb...@hotmail.com wrote:
Do you know how to set the background-image of any html tag, like a
DIV through CSS?
1) If yes: then you have your solution as you only have to set the CSS
name on your widget/panel through for example setStyleName(String).
2) If not: please have a look at some HTML book how to do this and go
back to 1)...
Extra info: go through a a tutorial of GWT, as it's basically the
first thing they explain..
--
Quer aprender a programar? acompanhe:
Wants to learn GWT? Follow this blog -
http://tcninja.blogspot.com
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
Google Web Toolkit group.
To post to this group, send email to Google-Web-Toolkit@googlegroups.com
To unsubscribe from this group, send email to
google-web-toolkit+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/Google-Web-Toolkit?hl=en
-~--~~~~--~~--~--~---
Setting Background image on panel
Hi all, i'm new to GWT. I would like to know if there is a way to set a background image on a panel. thanks --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Google Web Toolkit group. To post to this group, send email to Google-Web-Toolkit@googlegroups.com To unsubscribe from this group, send email to google-web-toolkit+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/Google-Web-Toolkit?hl=en -~--~~~~--~~--~--~---
Setting Background image on panel
Hi again, i spent all the day looking for a solution, the only things i found, were for people working with GWT-Ext JS. Does somebody know if it's possible to set an image as panel's background? thanks for any help -Original Message- From: Google-Web-Toolkit@googlegroups.com [mailto:google-web-tool...@googlegroups.com] On Behalf Of rlag...@googlemail.com Sent: Tuesday, July 28, 2009 8:14 PM To: Google Web Toolkit Subject: Setting Background image on panel Hi all, i'm new to GWT. I would like to know if there is a way to set a background image on a panel. thanks --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Google Web Toolkit group. To post to this group, send email to Google-Web-Toolkit@googlegroups.com To unsubscribe from this group, send email to google-web-toolkit+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/Google-Web-Toolkit?hl=en -~--~~~~--~~--~--~---
