Re: Overriding a css style loclly

2011-06-01 Thread Brian Reilly 
If you want to style all of the Label widgets that are inside a
specific container (e.g. HTMLPanel), you can put a class on the
container add a rule to target labels inside of it.

ui:style
  @external .gwt-Label;

  .container .gwt-Label {
color: #000;
  }
/ui:style

g:HTMLPanel
  g:LabelThis text will be styled by static stylesheets/g:Label
  g:HTMLPanel addStyleNames={style.container}
g:LabelThis text will be blackg:Label
  /g:HTMLPanel
/g:HTMLPanel

.container will be obfuscated, but .gwt-Label will not because it's
declared as external.

-- Brian


On Tue, May 31, 2011 at 6:06 AM, Adolfo Panizo Touzon
adolfo.pan...@gmail.com wrote:
 Hi lalit, try it with this
      ui:style field='reportStyle'
          @external gwt-Label;
    .gwt-Label{ color: #000 !Important; }
  /ui:style
 I founded it here

 2011/5/30 lalit lalit.bh...@gmail.com

 I have a lot of labels in my application.I have overriding the style
 as most of the place, I need the new style and it works fines. the
 overridden style is

 .gwt-Label {
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    float: inherit;
 }

 However at one particular place I need the color of label to be black,
 so I was trying to override the style in that ui.xml locally like

         ui:style field='reportStyle'
          @external gwt-Label;
    .gwt-Label{ color: #000; }
  /ui:style

 However this impacts the style of label at other places also. Is there
 a way to override the standard style in a ui.xm so that it impacts the
 widgets of only in that ui binder.

 thanks in advance,

 --
 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.




 --
 El precio es lo que pagas. El valor es lo que recibes.
 Warren Buffet

 --
 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.


-- 
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: Overriding a css style loclly

2011-05-31 Thread Adolfo Panizo Touzon 
Hi lalit, try it with this

 ui:style field='reportStyle'
 @external gwt-Label;
   .gwt-Label{ color: #000 !Important; }
 /ui:style

I founded it 
herehttp://stackoverflow.com/questions/2322779/gwt-theme-style-overrides-my-css-style

http://stackoverflow.com/questions/2322779/gwt-theme-style-overrides-my-css-style
2011/5/30 lalit lalit.bh...@gmail.com

 I have a lot of labels in my application.I have overriding the style
 as most of the place, I need the new style and it works fines. the
 overridden style is

 .gwt-Label {
font-size: 15px;
font-weight: bold;
color: #fff;
float: inherit;
 }

 However at one particular place I need the color of label to be black,
 so I was trying to override the style in that ui.xml locally like

 ui:style field='reportStyle'
  @external gwt-Label;
.gwt-Label{ color: #000; }
  /ui:style

 However this impacts the style of label at other places also. Is there
 a way to override the standard style in a ui.xm so that it impacts the
 widgets of only in that ui binder.

 thanks in advance,

 --
 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.




-- 
El precio es lo que pagas. El valor es lo que recibes.
Warren Buffet

-- 
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: Overriding a css style loclly

2011-05-30 Thread Qiang Ma 
Why don't you create a different style and do a setStyle on this label?
.xxxLabel{
   blah.
}

uniqueLabel.setStyleName(xxxLabel);

This seems to fit your needs.



On Sun, May 29, 2011 at 9:11 PM, lalit lalit.bh...@gmail.com wrote:

 I have a lot of labels in my application.I have overriding the style
 as most of the place, I need the new style and it works fines. the
 overridden style is

 .gwt-Label {
font-size: 15px;
font-weight: bold;
color: #fff;
float: inherit;
 }

 However at one particular place I need the color of label to be black,
 so I was trying to override the style in that ui.xml locally like

 ui:style field='reportStyle'
  @external gwt-Label;
.gwt-Label{ color: #000; }
  /ui:style

 However this impacts the style of label at other places also. Is there
 a way to override the standard style in a ui.xm so that it impacts the
 widgets of only in that ui binder.

 thanks in advance,

 --
 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.



-- 
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: Overriding a css style loclly

2011-05-30 Thread lalit 
That's what I am thinking of now. However I think it would be great,
if we can have a feature in GWT where we can override the style which
are applicable in a certain context only let's say in the context of a
ui.xml file. That way the styling would become a lot flexible. I think
it should be possible also as it can be handled by the gwt compiler
while generating the js/html.

On May 31, 12:35 am, Qiang Ma mumay...@gmail.com wrote:
 Why don't you create a different style and do a setStyle on this label?
 .xxxLabel{
    blah.

 }

 uniqueLabel.setStyleName(xxxLabel);

 This seems to fit your needs.

 On Sun, May 29, 2011 at 9:11 PM, lalit lalit.bh...@gmail.com wrote:
  I have a lot of labels in my application.I have overriding the style
  as most of the place, I need the new style and it works fines. the
  overridden style is

  .gwt-Label {
     font-size: 15px;
     font-weight: bold;
     color: #fff;
     float: inherit;
  }

  However at one particular place I need the color of label to be black,
  so I was trying to override the style in that ui.xml locally like

          ui:style field='reportStyle'
           @external gwt-Label;
     .gwt-Label{ color: #000; }
   /ui:style

  However this impacts the style of label at other places also. Is there
  a way to override the standard style in a ui.xm so that it impacts the
  widgets of only in that ui binder.

  thanks in advance,

  --
  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.

-- 
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.

Overriding a css style loclly

2011-05-29 Thread lalit 
I have a lot of labels in my application.I have overriding the style
as most of the place, I need the new style and it works fines. the
overridden style is

.gwt-Label {
font-size: 15px;
font-weight: bold;
color: #fff;
float: inherit;
}

However at one particular place I need the color of label to be black,
so I was trying to override the style in that ui.xml locally like

 ui:style field='reportStyle'
  @external gwt-Label;
.gwt-Label{ color: #000; }
  /ui:style

However this impacts the style of label at other places also. Is there
a way to override the standard style in a ui.xm so that it impacts the
widgets of only in that ui binder.

thanks in advance,

-- 
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.