How to use

setClassName

method

in

com.google.gwt.user.client.Element

/**
 * Sets the style name added to the header's text element.
 * 
 * @param textStyle the text style
 */
public void setTextStyle(String textStyle) {
 this.textStyle = textStyle;
 if (rendered) {
  contentEl.dom.setClassName(textStyle);
 }
}

/**
 * Sets the element's style name.
 * 
 * @param style the style name
 * @return this
 */
public El setStyleName(String style) {
 dom.setClassName(style);
 return this;
}

/**
 * Sets the 'class' attribute on the "li" wrapper for the
 * given wiget.
 * @param w
 * @param theClass
 */
public void setLiClass(Widget w, String theClass) {
  if (this.wrapperMap.containsKey(w)) {
    this.wrapperMap.get(w).setClassName(theClass);
  }
}

/**
 * Sets the 'class' attribute on the "li" wrapper for the
 * given wiget.
 * @param w
 * @param theClass
 */
public void setLiClass(Widget w, String theClass) {
  if (this.liMap.containsKey(w)) {
    this.liMap.get(w).setClassName(theClass);
  }
}

/**
 * Constructor.
 */
public FontAwesomeIcon() {
  getElement().setClassName("fa"); //$NON-NLS-1$
}

public OverlayWidget() {
  super();
  modalityCurtain.setClassName("modal-curtain");
  this.getElement().appendChild(modalityCurtain);
}

protected com.google.gwt.user.client.Element getModalityCurtain() {
  if (modalityCurtain == null) {
    modalityCurtain = DOM.createDiv();
    modalityCurtain.setClassName(CUBA_NOTIFICATION_MODALITY_CURTAIN);
  }
  return DOM.asOld(modalityCurtain);
}

@Override
protected void onLayout(Container<?> container, El target) {
 if (innerCt == null) {
  // the innerCt prevents wrapping and shuffling while
  // the container is resizing
  Element div = DOM.createDiv();
  div.setClassName(innerCls);
  innerCt = target.appendChild(div);
 }
 renderAll(container, innerCt);
}

public AbbrPanel(String title, String className){
  Element abbr = DOM.createElement("abbr");
  abbr.setTitle(title);
  abbr.setClassName(className);
  this.setElement(abbr);
}

@Override
protected void construct() {
  super.construct();
  detailsExpanderEl.setInnerText("[MORE]");  //TODO-TRANSLATE, but not with Message-Util
  detailsExpanderEl.setClassName("details-expander");
  getHeader().appendChild(detailsExpanderEl);
}

@Override
protected void construct() {
  super.construct();
  detailsExpanderEl.setInnerText("[MORE]");  //TODO-TRANSLATE, but not with Message-Util
  detailsExpanderEl.setClassName("details-expander");
  getHeader().appendChild(detailsExpanderEl);
}

public AbbrPanel(String title, String className, String text){
  Element abbr = DOM.createElement("abbr");
  abbr.setTitle(title);
  abbr.setClassName(className);
  abbr.setInnerText(text);
  this.setElement(abbr);
}

public VTabBar() {
  setElement(Document.get().createDivElement());
  setStyleName(CLASSNAME);
  wrapper.setClassName(CLASSNAME + "-wrapper");
  getElement().appendChild(wrapper);
  toolbarDiv.setClassName(CLASSNAME + "-toolbar");
  getElement().appendChild(toolbarDiv);
  TouchScrollDelegate.enableTouchScrolling(this, wrapper);
  
}

public TableAggregationRow(TableWidget tableWidget) {
  this.tableWidget = tableWidget;
  setElement(Document.get().createDivElement());
  getElement().setClassName(tableWidget.getStylePrimaryName() + "-arow");
  getElement().getStyle().setOverflow(Overflow.HIDDEN);
}

public VNavigationView() {
  setElement(Document.get().createDivElement());
  setStyleName(CLASSNAME);
  wrapper.setClassName(CLASSNAME + "-wrapper");
  getElement().appendChild(wrapper);
  toolbarDiv.setClassName(CLASSNAME + "-toolbar");
  getElement().appendChild(toolbarDiv);
  TouchScrollHandler touchScrollHandler = TouchScrollDelegate
      .enableTouchScrolling(this, wrapper);
  DOM.sinkEvents(wrapper, Event.ONSCROLL);
}

/**
 * Adds an option to the dropdown.
 * @param label
 * @param value
 */
public Anchor addOption(String label, String value) {
  Anchor a = new Anchor(label);
  a.getElement().setClassName(""); //$NON-NLS-1$
  a.getElement().setAttribute("data-value", value); //$NON-NLS-1$
  actions.add(a);
  return a;
}

public VShellShowAllTabLabel(String label) {
  super(DOM.createElement("li"));
  addStyleName("show-all");
  textWrapper.getElement().setInnerHTML(label);
  textWrapper.getElement().setClassName("tab-title");
  this.add(textWrapper);
}

protected Element getWidgetCell(int row, int col) {
 if (col == treeColumn) {
  Element cell = (Element) getCell(row, col);
  if (cell != null) {
   cell = El.fly(cell).selectNode(".x-tree3-node-text").dom;
   cell.setClassName("x-tree3-node-text x-tree3-node-text-widget");
   cell.getParentElement().getStyle().setProperty("padding", "2px 0px 2px 4px");
   return cell;
  }
 }
 return super.getWidgetCell(row, col).cast();
}

public ModalUploadStatus() {
 super();
 super.asWidget().addStyleName("upld-status");
 box.add(super.asWidget());
 box.setGlassEnabled(true);
 box.setStyleName("upld-modal");
 box.setGlassStyleName("upld-modal-glass");
 ((Element) box.getElement().getFirstChild()).setClassName("GWTUpld");
}

protected void construct() {
  topicEl.setInnerText(topic);
  header.appendChild(messageTypeEl);
  header.appendChild(topicEl);
  addStyleName(STYLE_NAME);
  header.setClassName("header");
  getElement().appendChild(header);
  applyCloseIconStyles(closeEl);
  header.appendChild(closeEl);
  messageTypeEl.setInnerHTML(getMessageTypeCaption());
}