I'm building a game application that is intended to fully occupy a
browser window. This means that when a user resizes the window, the
application has to resize as well. This would be straightforward if
the application only consisted of panels with images, but in my case I
also need text to scale. What I would like to do is dynamically change
the "font-size" property in the CSS of a lower-level DIV element that
is wrapping all other elements in my application. By using relative
font sizes in the CSS for my encapsulated panels, I'm hoping to
propagate any changes to the font size of the lower-level element to
higher-level encapsulated panels.
In fact, when I statically change the font-size of "div{}" in my
external style sheet, all the text in my application is affected, so
it seems to be possible. However, I would like to do this dynamically.
Naively, I expected that I could simple change the font-size of the
root element (RootLayoutPanel.get().getElement() in my case), but that
does not have any effect on higher-level text fields. I'm a newbie
when it comes to CSS, so maybe I'm not getting inheritance correctly.
In a nutshell, is it possible to programmatically change the font-size
style property for one element and thereby affect all child elements?
Thanks very much in advance!
René
--
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.
