How could I overwrite padding margin properties in standard.css style?
I use Standard GWT style, so my buttons have .gwt-Buttons style. I
create my css file, where I add for example this:
.gwt-Button-activeJob {
padding: 0.2em;
margin-top: 1.5em;
margin-right: 0.2em;
margin-left: 0.3em;
margin-bottom: 0.3em;
padding-left: 1em;
padding-right: 1em;
}
In java code:
cancelButton.addStyleDependentName("activeJob");
But properties margin and padding are set in .gwt-Button in
Standard.css file. So button ignores my definitions of padding and
margin. Is there any solution how could I overwrite these properties?
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-tool...@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: How could I overwrite padding margin properties in standard.css style?
hey,
you can try it this way:
cancelButton.setStylePrimaryName("activeJob");
this will override all properties of the standard.css with you own styles.
best dom
2010/12/9 vkrejcirik :
> I use Standard GWT style, so my buttons have .gwt-Buttons style. I
> create my css file, where I add for example this:
>
> .gwt-Button-activeJob {
> padding: 0.2em;
> margin-top: 1.5em;
> margin-right: 0.2em;
> margin-left: 0.3em;
> margin-bottom: 0.3em;
> padding-left: 1em;
> padding-right: 1em;
> }
>
> In java code:
>
> cancelButton.addStyleDependentName("activeJob");
>
> But properties margin and padding are set in .gwt-Button in
> Standard.css file. So button ignores my definitions of padding and
> margin. Is there any solution how could I overwrite these properties?
>
> 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-tool...@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.
>
>
--
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-tool...@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: How could I overwrite padding margin properties in standard.css style?
Yes, I tried this solution yet. When I set primaryName, it overwrite
all properties. I would like to leave all properties except padding
and margin.
On 9 pro, 09:23, dominic jansen wrote:
> hey,
>
> you can try it this way:
>
> cancelButton.setStylePrimaryName("activeJob");
>
> this will override all properties of the standard.css with you own styles.
>
> best dom
>
> 2010/12/9 vkrejcirik :
>
>
>
>
>
>
>
> > I use Standard GWT style, so my buttons have .gwt-Buttons style. I
> > create my css file, where I add for example this:
>
> > .gwt-Button-activeJob {
> > padding: 0.2em;
> > margin-top: 1.5em;
> > margin-right: 0.2em;
> > margin-left: 0.3em;
> > margin-bottom: 0.3em;
> > padding-left: 1em;
> > padding-right: 1em;
> > }
>
> > In java code:
>
> > cancelButton.addStyleDependentName("activeJob");
>
> > But properties margin and padding are set in .gwt-Button in
> > Standard.css file. So button ignores my definitions of padding and
> > margin. Is there any solution how could I overwrite these properties?
>
> > 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-tool...@googlegroups.com.
> > To unsubscribe from this group, send email to
> > google-web-toolkit+unsubscr...@googlegroups.com.
> > For more options, visit this group
> > athttp://groups.google.com/group/google-web-toolkit?hl=en.
--
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-tool...@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: How could I overwrite padding margin properties in standard.css style?
I could copy .gwt-Button definition from standard.css into my css
file, but I think there must be another more elegant way.
On 9 pro, 09:30, vkrejcirik wrote:
> Yes, I tried this solution yet. When I set primaryName, it overwrite
> all properties. I would like to leave all properties except padding
> and margin.
>
> On 9 pro, 09:23, dominic jansen wrote:
>
>
>
>
>
>
>
> > hey,
>
> > you can try it this way:
>
> > cancelButton.setStylePrimaryName("activeJob");
>
> > this will override all properties of the standard.css with you own styles.
>
> > best dom
>
> > 2010/12/9 vkrejcirik :
>
> > > I use Standard GWT style, so my buttons have .gwt-Buttons style. I
> > > create my css file, where I add for example this:
>
> > > .gwt-Button-activeJob {
> > > padding: 0.2em;
> > > margin-top: 1.5em;
> > > margin-right: 0.2em;
> > > margin-left: 0.3em;
> > > margin-bottom: 0.3em;
> > > padding-left: 1em;
> > > padding-right: 1em;
> > > }
>
> > > In java code:
>
> > > cancelButton.addStyleDependentName("activeJob");
>
> > > But properties margin and padding are set in .gwt-Button in
> > > Standard.css file. So button ignores my definitions of padding and
> > > margin. Is there any solution how could I overwrite these properties?
>
> > > 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-tool...@googlegroups.com.
> > > To unsubscribe from this group, send email to
> > > google-web-toolkit+unsubscr...@googlegroups.com.
> > > For more options, visit this group
> > > athttp://groups.google.com/group/google-web-toolkit?hl=en.
--
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-tool...@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: How could I overwrite padding margin properties in standard.css style?
try to use css keyword: !important
example:
#main {
width:600px !important;
width:800px;
}
On Dec 9, 10:03 am, vkrejcirik wrote:
> I use Standard GWT style, so my buttons have .gwt-Buttons style. I
> create my css file, where I add for example this:
>
> .gwt-Button-activeJob {
> padding: 0.2em;
> margin-top: 1.5em;
> margin-right: 0.2em;
> margin-left: 0.3em;
> margin-bottom: 0.3em;
> padding-left: 1em;
> padding-right: 1em;
>
> }
>
> In java code:
>
> cancelButton.addStyleDependentName("activeJob");
>
> But properties margin and padding are set in .gwt-Button in
> Standard.css file. So button ignores my definitions of padding and
> margin. Is there any solution how could I overwrite these properties?
>
> 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-tool...@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: How could I overwrite padding margin properties in standard.css style?
It doesn't work. I think, that first is set standard.css style then my
style. But thanks for reply.
On 9 pro, 10:28, haimke wrote:
> try to use css keyword: !important
>
> example:
> #main {
> width:600px !important;
> width:800px;
>
> }
>
> On Dec 9, 10:03 am, vkrejcirik wrote:
>
>
>
>
>
>
>
> > I use Standard GWT style, so my buttons have .gwt-Buttons style. I
> > create my css file, where I add for example this:
>
> > .gwt-Button-activeJob {
> > padding: 0.2em;
> > margin-top: 1.5em;
> > margin-right: 0.2em;
> > margin-left: 0.3em;
> > margin-bottom: 0.3em;
> > padding-left: 1em;
> > padding-right: 1em;
>
> > }
>
> > In java code:
>
> > cancelButton.addStyleDependentName("activeJob");
>
> > But properties margin and padding are set in .gwt-Button in
> > Standard.css file. So button ignores my definitions of padding and
> > margin. Is there any solution how could I overwrite these properties?
>
> > 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-tool...@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: How could I overwrite padding margin properties in standard.css style?
It's interesting, that I run app in dev mode, it works fine. When I
make war and deploy it into Tomcat server it use default css style for
these buttons and ignore my .gwt-Button-activeJob definition. By other
widgets, I use setStyleName method and it works fine.
On 9 pro, 10:39, vkrejcirik wrote:
> It doesn't work. I think, that first is set standard.css style then my
> style. But thanks for reply.
>
> On 9 pro, 10:28, haimke wrote:
>
>
>
>
>
>
>
> > try to use css keyword: !important
>
> > example:
> > #main {
> > width:600px !important;
> > width:800px;
>
> > }
>
> > On Dec 9, 10:03 am, vkrejcirik wrote:
>
> > > I use Standard GWT style, so my buttons have .gwt-Buttons style. I
> > > create my css file, where I add for example this:
>
> > > .gwt-Button-activeJob {
> > > padding: 0.2em;
> > > margin-top: 1.5em;
> > > margin-right: 0.2em;
> > > margin-left: 0.3em;
> > > margin-bottom: 0.3em;
> > > padding-left: 1em;
> > > padding-right: 1em;
>
> > > }
>
> > > In java code:
>
> > > cancelButton.addStyleDependentName("activeJob");
>
> > > But properties margin and padding are set in .gwt-Button in
> > > Standard.css file. So button ignores my definitions of padding and
> > > margin. Is there any solution how could I overwrite these properties?
>
> > > 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-tool...@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.
