GWT如何在运行时更改css

时间:2013-03-09 01:32:16

标签: gwt

我们在下一个应用程序中要求可访问性,我们需要为此定制主题。 实现的第一个目标是能够增加和减少应用程序中的字体大小。为此,我们将有两个按钮,一个用于增加,另一个用于减少所有组件中文本的大小。您可以使用Enterprise Blue作为参考主题。您可以在以下网址查看此示例:http://emag.governoeletronico.gov.br/emag/#。您可以点击“Aumentar Fonte”和“Diminuir Fonte”。

任何想法如何在GWT / SmartGWT中实现这一点

谢谢

2 个答案:

答案 0 :(得分:1)

static Label lblNewLabel = new Label("New label");
Button btnNewButton = new Button("New button");
private int fontSize=10;

btnNewButton.addClickHandler(new ClickHandler() {
  public void onClick(ClickEvent event) {
    fontSize += 5;
    lblNewLabel.getElement().getStyle().setFontSize(fontSize  , Unit.PX);
  }
});

答案 1 :(得分:1)

简短回答是RootPanel.getBodyElement()

最方便的方法是在body element上应用课程。

有多种方法可以做到。

RootPanel.get("body").setStyleName("newbodyclass"); //Not recommended.

有效方式

RootPanel.getBodyElement().setClassName("newbodyclass"); //Recommended

几种新方式

Document.get().getBody().setClassName("newbodyclass");

最适合你的问题:

Document.get().getBody().getStyle().setFontSize(value, unit);