Re: menu Spacing
Sorry to Bump this, but has anyone got any pointers for me?
Thanks
Andy
On Oct 18, 4:54 pm, Taff [EMAIL PROTECTED] wrote:
Hi
I'm struggling with this. For some reason when I use a background
image I get spaces between the menu items that i dont seem to be able
to get rid of. f I dont have a background image on the menu item then
I don't get these spaces.
Any clues? The code is as below, I've broken it out into a very
simple app to illustrate the point. The menu separator image is just
a simple 1px * 20px image and the background image for the menu item
is 200 * 20.
Thanks
Andy
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.Command;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.ui.MenuBar;
import com.google.gwt.user.client.ui.MenuItem;
import com.google.gwt.user.client.ui.MenuItemSeparator;
import com.google.gwt.user.client.ui.RootPanel;
public class TestFile implements EntryPoint {
Command command = new Command()
{
public void execute()
{
Window.alert(Command Fired);
}
};
public void onModuleLoad() {
MenuBar mnu = new MenuBar();
MenuItem mnu1 = new MenuItem(Test, command);
MenuItem mnu2 = new MenuItem(Test1, command);
MenuItem mnu3 = new MenuItem(Test2, command);
MenuItem mnu4 = new MenuItem(Test3, command);
MenuItemSeparator sep = new MenuItemSeparator();
MenuItemSeparator sep1 = new MenuItemSeparator();
MenuItemSeparator sep2 = new MenuItemSeparator();
mnu1.setWidth(120);
mnu2.setWidth(120);
mnu3.setWidth(120);
mnu4.setWidth(120);
mnu.addItem(mnu1);
mnu.addSeparator(sep);
mnu.addItem(mnu2);
mnu.addSeparator(sep1);
mnu.addItem(mnu3);
mnu.addSeparator(sep2);
mnu.addItem(mnu4);
RootPanel.get().add(mnu);
}
}
.gwt-MenuBar {
background:none;}
.gwt-MenuBar .gwt-MenuItem {
background: url(Images/tnav_getstarted_wide.gif) no-repeat;
width: 150px;
height: 20px;
text-align: center;
vertical-align: middle;
color: white;
cursor: pointer;
cursor: hand;
font-size: .8em;}
.gwt-MenuBar .gwt-MenuItem-selected {
background: url(Images/tnav_getstarted_wide_on.gif) no-repeat;
width: 150px;
height: 20px;
text-align: center;
vertical-align: middle;
color: white;
cursor: pointer;
cursor: hand;
font-size: .8em;}
.gwt-MenuBar-horizontal .gwt-MenuItemSeparator {
width: 1px;
background: url(Images/tnav_separator.gif) no-repeat;
}
.gwt-MenuBar-horizontal .gwt-MenuItemSeparator .menuSeparatorInner {
width: 1px;
background: url(Images/tnav_separator.gif) no-repeat;
}
--~--~-~--~~~---~--~~
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 [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/Google-Web-Toolkit?hl=en
-~--~~~~--~~--~--~---
Re: GWT and Firefox
Finally sorted this.
I'm ashamed to say it was coder error. All those hours assuming it
was some kind of Firefox incompatibility when all the time it was an
extra { in one of the element definitions in my css file.
I only twigged it by taking it back to basics.
So basically IE is less fussy when it comes to syntax within your CSS
files.
You live and learn
Andy
On Oct 15, 12:03 am, Taff [EMAIL PROTECTED] wrote:
yea, I did that and it didnt change anything sadly, now it says it
using the
.gwt-StackPanel {
but it's just blank in firebug. I suspect it's just not loading my
css file.
I'll retire hurt for today and try again tomorrow, just frustrating
that this is so different between IE and FF
and tips overnight will be greatfully received. thanks Perelman
`andy
On Oct 14, 11:53 pm, Perelman Nathan (Nathan)
[EMAIL PROTECTED] wrote:
I'm pretty sure that if you remove or comment out (with !-- comment --
since this is xml) the following line in your .gwt.xml file, it will stop
including standard.css:
inherits name=com.google.gwt.user.theme.standard.Standard/
I'm not sure that this is really your problem though. Make sure your
elements have the class you want applied to them maybe?
-Original Message-
From: Google-Web-Toolkit@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Taff
Sent: Tuesday, October 14, 2008 18:39
To: Google Web Toolkit
Subject: Re: GWT and Firefox
Very odd, this is what I see in firebug
link rel=stylesheet href=file:///C:/work/BDFTReportManager/
WebContent/gwt/standard/standard.css
/link
link rel=stylesheet href=file:///C:/work/BDFTReportManager/
WebContent/BDFTReportManager.css
I've changed the default
.gwt-StackPanel {
}
with
.bdftgwt-StackPanel {
}
it seems to pick up my new one and then revert back to the default
standard.css one ... totally baffled :(
Do I need to exclude the standard.css in some way? If so how do I do
that? Manually? or is that going to be a post operation for the ANT
script?
Sorry for so many questions but i'm a newbies ot GWT
Thanks
Andy
On Oct 14, 11:20 pm, Taff [EMAIL PROTECTED] wrote:
Top Tip!! thanks
OK, so that partially answers the question, at least now I can see
that my overiden css elements are being ignored for the standard.css
ones.
So, question - does this mean that I have to rename mine and then use
the SetStyle method to get this working?
.gwt-StackPanel {
}
.gwt-StackPanelItem gwt-StackPanelItem-first{
}
.gwt-StackPanel .gwt-StackPanelItem {
}
On Oct 14, 10:57 pm, Perelman Nathan (Nathan)
[EMAIL PROTECTED] wrote:
Try using Firebug (it's a Firefox plugin) to find out what styles (if
any) are being applied and where they come from.
-Original Message-
From: Google-Web-Toolkit@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Taff
Sent: Tuesday, October 14, 2008 17:47
To: Google Web Toolkit
Subject: Re: GWT and Firefox
It's very frustrating.
I suspect a number of things maybe causing the problem
a) My app is not picking up the css file from the Module xml file.
b) It could be because my app has mixed Upper and Lower case chars in
it BDFTReportManager
c) Something to do with a missing inherits flag in the module file,
mine is a very simple proof of concept app at this stage and has no
RPC stuff in it, so I can't see why
d) I've tried dynamically loading the css file in the HTML file with a
standard link flag
e) I'm using a StackedPanel and TabPanel and these are the 2 where the
standard css settigns are not working and they just default back to
the default set.
f) I've tried to ensure that i am using the SetStyle method to force
the code to use the right css setting ... no luck.
I am just totally baffled, and I'm pretty sure it'll be something
really simple we just need a GWT expert to shine the light on it
On Oct 14, 8:19 pm, grasshopper [EMAIL PROTECTED] wrote:
I am having exactly the same problem.
GWT 1.5, IF 7, FF 3
On Oct 14, 11:26 am, Taff [EMAIL PROTECTED] wrote:
Hi
I'm sure this has been raised before, however I'm new to the product
and can't find any threads on this
MY new app works fine in IE and not in Firefox. For some reason the
app does not pick up the app stylesheet in firefox like it does in
IE.
I've tried every which way, but to no avail. Is there something I'm
missing.
Also I code on my mac at home and PC in the office and none of the
rendering seems to be that portable.
Any pointers would be much appreciated
Thanks
Andy
--~--~-~--~~~---~--~~
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
menu Spacing
Hi
I'm struggling with this. For some reason when I use a background
image I get spaces between the menu items that i dont seem to be able
to get rid of. f I dont have a background image on the menu item then
I don't get these spaces.
Any clues? The code is as below, I've broken it out into a very
simple app to illustrate the point. The menu separator image is just
a simple 1px * 20px image and the background image for the menu item
is 200 * 20.
Thanks
Andy
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.Command;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.ui.MenuBar;
import com.google.gwt.user.client.ui.MenuItem;
import com.google.gwt.user.client.ui.MenuItemSeparator;
import com.google.gwt.user.client.ui.RootPanel;
public class TestFile implements EntryPoint {
Command command = new Command()
{
public void execute()
{
Window.alert(Command Fired);
}
};
public void onModuleLoad() {
MenuBar mnu = new MenuBar();
MenuItem mnu1 = new MenuItem(Test, command);
MenuItem mnu2 = new MenuItem(Test1, command);
MenuItem mnu3 = new MenuItem(Test2, command);
MenuItem mnu4 = new MenuItem(Test3, command);
MenuItemSeparator sep = new MenuItemSeparator();
MenuItemSeparator sep1 = new MenuItemSeparator();
MenuItemSeparator sep2 = new MenuItemSeparator();
mnu1.setWidth(120);
mnu2.setWidth(120);
mnu3.setWidth(120);
mnu4.setWidth(120);
mnu.addItem(mnu1);
mnu.addSeparator(sep);
mnu.addItem(mnu2);
mnu.addSeparator(sep1);
mnu.addItem(mnu3);
mnu.addSeparator(sep2);
mnu.addItem(mnu4);
RootPanel.get().add(mnu);
}
}
.gwt-MenuBar {
background:none;
}
.gwt-MenuBar .gwt-MenuItem {
background: url(Images/tnav_getstarted_wide.gif) no-repeat;
width: 150px;
height: 20px;
text-align: center;
vertical-align: middle;
color: white;
cursor: pointer;
cursor: hand;
font-size: .8em;
}
.gwt-MenuBar .gwt-MenuItem-selected {
background: url(Images/tnav_getstarted_wide_on.gif) no-repeat;
width: 150px;
height: 20px;
text-align: center;
vertical-align: middle;
color: white;
cursor: pointer;
cursor: hand;
font-size: .8em;
}
.gwt-MenuBar-horizontal .gwt-MenuItemSeparator {
width: 1px;
background: url(Images/tnav_separator.gif) no-repeat;
}
.gwt-MenuBar-horizontal .gwt-MenuItemSeparator .menuSeparatorInner {
width: 1px;
background: url(Images/tnav_separator.gif) no-repeat;
}
--~--~-~--~~~---~--~~
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 [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/Google-Web-Toolkit?hl=en
-~--~~~~--~~--~--~---
GWT and Firefox
Hi I'm sure this has been raised before, however I'm new to the product and can't find any threads on this MY new app works fine in IE and not in Firefox. For some reason the app does not pick up the app stylesheet in firefox like it does in IE. I've tried every which way, but to no avail. Is there something I'm missing. Also I code on my mac at home and PC in the office and none of the rendering seems to be that portable. Any pointers would be much appreciated Thanks Andy --~--~-~--~~~---~--~~ 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 [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/Google-Web-Toolkit?hl=en -~--~~~~--~~--~--~---
Re: GWT and Firefox
Top Tip!! thanks
OK, so that partially answers the question, at least now I can see
that my overiden css elements are being ignored for the standard.css
ones.
So, question - does this mean that I have to rename mine and then use
the SetStyle method to get this working?
.gwt-StackPanel {
}
.gwt-StackPanelItem gwt-StackPanelItem-first{
}
.gwt-StackPanel .gwt-StackPanelItem {
}
On Oct 14, 10:57 pm, Perelman Nathan (Nathan)
[EMAIL PROTECTED] wrote:
Try using Firebug (it's a Firefox plugin) to find out what styles (if any)
are being applied and where they come from.
-Original Message-
From: Google-Web-Toolkit@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf
Of Taff
Sent: Tuesday, October 14, 2008 17:47
To: Google Web Toolkit
Subject: Re: GWT and Firefox
It's very frustrating.
I suspect a number of things maybe causing the problem
a) My app is not picking up the css file from the Module xml file.
b) It could be because my app has mixed Upper and Lower case chars in
it BDFTReportManager
c) Something to do with a missing inherits flag in the module file,
mine is a very simple proof of concept app at this stage and has no
RPC stuff in it, so I can't see why
d) I've tried dynamically loading the css file in the HTML file with a
standard link flag
e) I'm using a StackedPanel and TabPanel and these are the 2 where the
standard css settigns are not working and they just default back to
the default set.
f) I've tried to ensure that i am using the SetStyle method to force
the code to use the right css setting ... no luck.
I am just totally baffled, and I'm pretty sure it'll be something
really simple we just need a GWT expert to shine the light on it
On Oct 14, 8:19 pm, grasshopper [EMAIL PROTECTED] wrote:
I am having exactly the same problem.
GWT 1.5, IF 7, FF 3
On Oct 14, 11:26 am, Taff [EMAIL PROTECTED] wrote:
Hi
I'm sure this has been raised before, however I'm new to the product
and can't find any threads on this
MY new app works fine in IE and not in Firefox. For some reason the
app does not pick up the app stylesheet in firefox like it does in IE.
I've tried every which way, but to no avail. Is there something I'm
missing.
Also I code on my mac at home and PC in the office and none of the
rendering seems to be that portable.
Any pointers would be much appreciated
Thanks
Andy
--~--~-~--~~~---~--~~
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 [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/Google-Web-Toolkit?hl=en
-~--~~~~--~~--~--~---
Re: GWT and Firefox
yea, I did that and it didnt change anything sadly, now it says it
using the
.gwt-StackPanel {
but it's just blank in firebug. I suspect it's just not loading my
css file.
I'll retire hurt for today and try again tomorrow, just frustrating
that this is so different between IE and FF
and tips overnight will be greatfully received. thanks Perelman
`andy
On Oct 14, 11:53 pm, Perelman Nathan (Nathan)
[EMAIL PROTECTED] wrote:
I'm pretty sure that if you remove or comment out (with !-- comment --
since this is xml) the following line in your .gwt.xml file, it will stop
including standard.css:
inherits name=com.google.gwt.user.theme.standard.Standard/
I'm not sure that this is really your problem though. Make sure your elements
have the class you want applied to them maybe?
-Original Message-
From: Google-Web-Toolkit@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf
Of Taff
Sent: Tuesday, October 14, 2008 18:39
To: Google Web Toolkit
Subject: Re: GWT and Firefox
Very odd, this is what I see in firebug
link rel=stylesheet href=file:///C:/work/BDFTReportManager/
WebContent/gwt/standard/standard.css
/link
link rel=stylesheet href=file:///C:/work/BDFTReportManager/
WebContent/BDFTReportManager.css
I've changed the default
.gwt-StackPanel {
}
with
.bdftgwt-StackPanel {
}
it seems to pick up my new one and then revert back to the default
standard.css one ... totally baffled :(
Do I need to exclude the standard.css in some way? If so how do I do
that? Manually? or is that going to be a post operation for the ANT
script?
Sorry for so many questions but i'm a newbies ot GWT
Thanks
Andy
On Oct 14, 11:20 pm, Taff [EMAIL PROTECTED] wrote:
Top Tip!! thanks
OK, so that partially answers the question, at least now I can see
that my overiden css elements are being ignored for the standard.css
ones.
So, question - does this mean that I have to rename mine and then use
the SetStyle method to get this working?
.gwt-StackPanel {
}
.gwt-StackPanelItem gwt-StackPanelItem-first{
}
.gwt-StackPanel .gwt-StackPanelItem {
}
On Oct 14, 10:57 pm, Perelman Nathan (Nathan)
[EMAIL PROTECTED] wrote:
Try using Firebug (it's a Firefox plugin) to find out what styles (if
any) are being applied and where they come from.
-Original Message-
From: Google-Web-Toolkit@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Taff
Sent: Tuesday, October 14, 2008 17:47
To: Google Web Toolkit
Subject: Re: GWT and Firefox
It's very frustrating.
I suspect a number of things maybe causing the problem
a) My app is not picking up the css file from the Module xml file.
b) It could be because my app has mixed Upper and Lower case chars in
it BDFTReportManager
c) Something to do with a missing inherits flag in the module file,
mine is a very simple proof of concept app at this stage and has no
RPC stuff in it, so I can't see why
d) I've tried dynamically loading the css file in the HTML file with a
standard link flag
e) I'm using a StackedPanel and TabPanel and these are the 2 where the
standard css settigns are not working and they just default back to
the default set.
f) I've tried to ensure that i am using the SetStyle method to force
the code to use the right css setting ... no luck.
I am just totally baffled, and I'm pretty sure it'll be something
really simple we just need a GWT expert to shine the light on it
On Oct 14, 8:19 pm, grasshopper [EMAIL PROTECTED] wrote:
I am having exactly the same problem.
GWT 1.5, IF 7, FF 3
On Oct 14, 11:26 am, Taff [EMAIL PROTECTED] wrote:
Hi
I'm sure this has been raised before, however I'm new to the product
and can't find any threads on this
MY new app works fine in IE and not in Firefox. For some reason the
app does not pick up the app stylesheet in firefox like it does in IE.
I've tried every which way, but to no avail. Is there something I'm
missing.
Also I code on my mac at home and PC in the office and none of the
rendering seems to be that portable.
Any pointers would be much appreciated
Thanks
Andy
--~--~-~--~~~---~--~~
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 [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/Google-Web-Toolkit?hl=en
-~--~~~~--~~--~--~---
