Re: How to override gwt styles in uibinder?
On Friday, May 24, 2013 3:52:54 AM UTC+2, V.B. wrote: Hi Thomas, In your post above you mention @external .gwt-*;. You also use the same trick in thishttp://stackoverflow.com/questions/8182917/how-to-override-default-css-in-modern-gwt-applications StackOverflow question. But, I have never been able to make that work. Instead I have to have @external for every gwt type that I need to override, which is quite a hassle. (Note: in your post above you don't have the leading period. I have tried it both ways just to be sure.) When I try to use @external .gwt-*; I get errors of this flavor: [ERROR] Line 69: The annotation @CssResource.ClassName is disallowed for this location [ERROR] Line 70: Syntax error on token *, delete this token The generated lines in question look like this: @ClassName(gwt-*) String gwt*(); Am I doing something wrong? You're using InterfaceGenerator (to me, it's a one shot tool to help in migrating to CssResource, not something to use as part of your build process) -- You received this message because you are subscribed to the Google Groups Google Web Toolkit group. To unsubscribe from this group and stop receiving emails from it, send an email to google-web-toolkit+unsubscr...@googlegroups.com. To post to this group, send email to google-web-toolkit@googlegroups.com. Visit this group at http://groups.google.com/group/google-web-toolkit?hl=en. For more options, visit https://groups.google.com/groups/opt_out.
Re: How to override gwt styles in uibinder?
Hi Thomas, In your post above you mention @external .gwt-*;. You also use the same trick in thishttp://stackoverflow.com/questions/8182917/how-to-override-default-css-in-modern-gwt-applications StackOverflow question. But, I have never been able to make that work. Instead I have to have @external for every gwt type that I need to override, which is quite a hassle. (Note: in your post above you don't have the leading period. I have tried it both ways just to be sure.) When I try to use @external .gwt-*; I get errors of this flavor: [ERROR] Line 69: The annotation @CssResource.ClassName is disallowed for this location [ERROR] Line 70: Syntax error on token *, delete this token The generated lines in question look like this: @ClassName(gwt-*) String gwt*(); Am I doing something wrong? -- You received this message because you are subscribed to the Google Groups Google Web Toolkit group. To unsubscribe from this group and stop receiving emails from it, send an email to google-web-toolkit+unsubscr...@googlegroups.com. To post to this group, send email to google-web-toolkit@googlegroups.com. Visit this group at http://groups.google.com/group/google-web-toolkit?hl=en. For more options, visit https://groups.google.com/groups/opt_out.
How to override gwt styles in uibinder?
I want to override button gwt styles directly in uibinder. But why does the
following not work?
g:ToggleButton styleName={style.toggle} /
ui:style
.toggle-down, .toggle-down-hovering {
background: red !important;
background-color: red!important;
}
/ui:style
--
You received this message because you are subscribed to the Google Groups
Google Web Toolkit group.
To unsubscribe from this group and stop receiving emails from it, send an email
to google-web-toolkit+unsubscr...@googlegroups.com.
To post to this group, send email to google-web-toolkit@googlegroups.com.
Visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.
For more options, visit https://groups.google.com/groups/opt_out.
Re: How to override gwt styles in uibinder?
CssResources does not know about the primary style names and dependent
style names concepts of widgets, so .toggle-down with be obfuscated to
something that does not end in -down, which the ToggleButton is using.
You have to either:
- find a unique name for the CSS class, and disable obfuscation
(styleName=foo in the widget, and @external foo-down, foo-down-hovering;
in the ui:style)
- or combine the default .gwt-ToggleButton-down with your own css class:
addStyleNames={style.toggle} in the widget, and @external gwt-*;
.toggle.gwt-ToggleButton-down in the ui:style (note: no space between
.toggle and .gwt-ToggleButton-down); this won't work in some versions of IE
though.
On Tuesday, February 26, 2013 1:13:04 PM UTC+1, membersound wrote:
I want to override button gwt styles directly in uibinder. But why does
the following not work?
g:ToggleButton styleName={style.toggle} /
ui:style
.toggle-down, .toggle-down-hovering {
background: red !important;
background-color: red!important;
}
/ui:style
--
You received this message because you are subscribed to the Google Groups
Google Web Toolkit group.
To unsubscribe from this group and stop receiving emails from it, send an email
to google-web-toolkit+unsubscr...@googlegroups.com.
To post to this group, send email to google-web-toolkit@googlegroups.com.
Visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.
For more options, visit https://groups.google.com/groups/opt_out.
Re: How to override gwt styles in uibinder?
Ok having some @externals within ui:style is probably best here, and works
as expected.
2013/2/26 Thomas Broyer t.bro...@gmail.com
CssResources does not know about the primary style names and dependent
style names concepts of widgets, so .toggle-down with be obfuscated to
something that does not end in -down, which the ToggleButton is using.
You have to either:
- find a unique name for the CSS class, and disable obfuscation
(styleName=foo in the widget, and @external foo-down, foo-down-hovering;
in the ui:style)
- or combine the default .gwt-ToggleButton-down with your own css
class: addStyleNames={style.toggle} in the widget, and @external gwt-*;
.toggle.gwt-ToggleButton-down in the ui:style (note: no space between
.toggle and .gwt-ToggleButton-down); this won't work in some versions of IE
though.
On Tuesday, February 26, 2013 1:13:04 PM UTC+1, membersound wrote:
I want to override button gwt styles directly in uibinder. But why does
the following not work?
g:ToggleButton styleName={style.toggle} /
ui:style
.toggle-down, .toggle-down-hovering {
background: red !important;
background-color: red!important;
}
/ui:style
--
You received this message because you are subscribed to the Google Groups
Google Web Toolkit group.
To unsubscribe from this group and stop receiving emails from it, send an
email to google-web-toolkit+unsubscr...@googlegroups.com.
To post to this group, send email to google-web-toolkit@googlegroups.com.
Visit this group at
http://groups.google.com/group/google-web-toolkit?hl=en.
For more options, visit https://groups.google.com/groups/opt_out.
--
You received this message because you are subscribed to the Google Groups
Google Web Toolkit group.
To unsubscribe from this group and stop receiving emails from it, send an email
to google-web-toolkit+unsubscr...@googlegroups.com.
To post to this group, send email to google-web-toolkit@googlegroups.com.
Visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.
For more options, visit https://groups.google.com/groups/opt_out.
