get computed font size of GWT Label

Question

I'd like to be able to access the font size of a GWT Label. I've tried:

String fontSize = label.getElement().getStyle().getFontSize()

but this seems to only be for font sizes that have been programatically set (and not font sizes that are decided by CSS rules). Any ideas?

Thanks,

~Owen

score 2 · Answer 1 · edited May 23 '17 at 11:56

If it is the computed size you are looking for, GWT does not provide it out of the box, but you should be able to use a simple JSNI to retrieve it. Something like:

public static native String getComputedStyleProperty(Element element, String property)  /*-{
  if ($doc.defaultView && $doc.defaultView.getComputedStyle) {
    return $doc.defaultView.getComputedStyle(element, null).getPropertyValue(property);
  }
  return "";
}-*/;

Untested but should get you started. Do note that, the property should be camelCase and, for IE < 9, you should also check for currentStyle. Also a fallback based on element's style property should be returned, instead the empty string. See also Get computed font size for DOM element in JS.

Suresh Atta · Answer 2 · 2013-03-12T15:37:26.423

0

No, getFontSize() returns CSS property only.

Give a try like below:

   String fontsize= DOM.getStyleAttribute(label.getElement(), "font-size");

edited Mar 12 '13 at 15:37

answered Mar 12 '13 at 11:35

Suresh Atta

120,458
37
198
307

This doesn't seem to work, it returns "" when the label has a font size of "24px" (as inherited from ). – opowell Mar 12 '13 at 15:29
Strange.Are you able to see that in firebug ?see i updated the property to "font-size".Please check once – Suresh Atta Mar 12 '13 at 15:33
1. I can see it when I "Inspect element" in Chrome. 2. Camelcase is required - "font-size" throws an error. – opowell Mar 13 '13 at 13:25
Really strange.How much your are getting and how much its in the firebug? – Suresh Atta Mar 13 '13 at 13:28

get computed font size of GWT Label

2 Answers2