KBEC-00169 - Defining custom style sheets in plugins

Summary

GWT provides very few Java methods directly related to style. Rather, they encourage you to define styles in Cascading Style Sheets.

Solution

  • Go to the following directory: "C:\plugin-in-a-box\workspace\<YourProjectName>\src\com\example\commander\plugins\<YourProjectName>\public" (create the "public" folder if it does not exist).
  • Create a CSS file called, say, "special.css" with your own styles. For example:
.crazy_color {color:#FFBB22;font-size:140%;font-weight:bold;}
  • Add the following line to <YourProjectName>.gwt.xml
    &nbsp;&nbsp;&nbsp; <stylesheet src="special.css"/>
  • In Eclipse, highlight your project and select File > Refresh.
  • In Java, after you create a widget (or while processing an event, set its style to the one that you defined. For example:
@Override protected FormTable doInit() {        getLog().debug("Testing CSS");        Label l = new Label("LabelValue");        l.addStyleName("crazy_color");        FormTable ft = new FormTable();        ft.addRow("LabelValue", new Label("Label Value:"), l);        return ft;}

Applies to

  • Product versions: 5.0 and up
  • OS versions:
Have more questions? Submit a request

Comments

Powered by Zendesk