2013-03-09 77 views
3

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

任何想法我如何能在GWT/SmartGWT的达致这

感谢

+0

如果可能,将标题改为如何在运行时更改“css”,所以它不会限制为字体大小。 – 2013-03-09 07:01:30

回答

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); 
+0

感谢它在GWT中的工作,但在smartGWT中,它适用于背景色,但不适用于字体大小。 .newbodyclass { \t font-size:20px; \t background-color:yellow; } ::: RootPanel.getBodyElement()。setClassName(“newbodyclass”); :::在这里我打电话给这个CSS,它在GWT中工作,但字体大小在smartGWT中不变,任何建议 – junaidp 2013-03-09 07:08:15

+0

颜色变为黄色? – 2013-03-09 07:12:15

+0

Junai,请把重要的字体放在旁边检查一下吗? – 2013-03-09 07:21:07

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); 
    } 
});