How to use

addClassName

method

in

com.google.gwt.user.client.Element

public Tab(Widget child) {
 super(Document.get().createDivElement());
 getElement().appendChild(inner = Document.get().createDivElement());
 setWidget(child);
 setStyleName(TAB_STYLE);
 inner.setClassName(TAB_INNER_STYLE);
 getElement().addClassName(CommonResources.getInlineBlockStyle());
}

/**
 * Construct a new {@link NativeHorizontalScrollbar}.
 * 
 * @param resources the resources used by this widget
 */
public NativeHorizontalScrollbar(Resources resources) {
 setElement(uiBinder.createAndBindUi(this));
 getElement().addClassName(CommonResources.getInlineBlockStyle());
 setHeight(getNativeHeight() + "px");
 // Apply the styles.
 Style style = resources.nativeHorizontalScrollbarStyle();
 style.ensureInjected();
 getScrollableElement().addClassName(style.nativeHorizontalScrollbar());
 // Initialize the implementation.
 ScrollImpl.get().initialize(scrollable, contentDiv);
}

/**
 * Construct a new {@link NativeVerticalScrollbar}.
 *
 * @param resources the resources used by this widget
 */
public NativeVerticalScrollbar(Resources resources) {
 setElement(uiBinder.createAndBindUi(this));
 getElement().addClassName(CommonResources.getInlineBlockStyle());
 setWidth(getNativeWidth() + "px");
 // Apply the styles.
 Style style = resources.nativeVerticalScrollbarStyle();
 style.ensureInjected();
 getScrollableElement().addClassName(style.nativeVerticalScrollbar());
 // inject style used in uibinder
 UiBinderBundle.INSTANCE.nativeVerticalScrollbarUi().ensureInjected();
 // Initialize the implementation.
 ScrollImpl.get().initialize(scrollable, contentDiv);
}

public void updateSingleTabStyle() {
  if (tabLabels.size() <= 1) {
    tabContainer.addClassName(SINGLE_TAB_CLASS_NAME);
  } else {
    tabContainer.removeClassName(SINGLE_TAB_CLASS_NAME);
  }
}

  @Override
  protected void applyStyles() {
    addStyleName("help-message-inline");
    icon.addClassName("action-dialog-help");
    messageWrapper.addClassName("help-message");
    triangleSVG.addStyleName("triangle blue");
  }
};

  @Override
  public void onMouseOver(MouseOverEvent event) {
    getElement().addClassName("hover");
  }
}, MouseOverEvent.getType());

 @Override
 public void invokeBinding(final Element element, final Annotation annotation) {
  final User user = userCache.getUser();
  final Set<Role> extractedRoles = roleExtractor.extractAllRoles((RestrictedAccess) annotation);
  if (User.ANONYMOUS.equals(user) || !user.getRoles().containsAll(extractedRoles)) {
   element.addClassName(RestrictedAccess.CSS_CLASS_NAME);
  }
  else {
   element.removeClassName(RestrictedAccess.CSS_CLASS_NAME);
  }
 }
});

  private void classNameToggle(final boolean value,
                 final String className) {
    if (value) {
      getElement().addClassName(className);
    } else {
      getElement().removeClassName(className);
    }
  }
}

@Override
public void setSuccessText(String successText) {
  super.setSuccessText(successText);
  removeErrorModifiers();
  valueBoxBase.getElement().addClassName(CssName.VALID);
}

public void closeExpander() {
  element.removeClassName("hover");
  element.removeClassName("open");
  element.addClassName("closed");
  opened = false;
  updateColors();
}

public BadgeIconWidget() {
  setElement(root);
  setStylePrimaryName(CLASSNAME);
  text.addClassName("text");
  root.appendChild(text);
}

@Override
public void setErrorText(String errorText) {
  super.setErrorText(errorText);
  removeErrorModifiers();
  valueBoxBase.getElement().addClassName(CssName.INVALID);
}

public void setCaptionInline(boolean useInlineCaption) {
  this.useInlineCaption = useInlineCaption;
  if (useInlineCaption) {
    getWrapperElement().addClassName("inline");
  } else {
    getWrapperElement().removeClassName("inline");
  }
}

public void setEditable(boolean editable) {
  this.editable = editable;
  if (!editable) {
    getElement().addClassName("noedit");
  } else {
    getElement().removeClassName("noedit");
  }
}

/**
 * Button's size is very close to image + text size, i.e. minimal paddings around them are used.
 * <b>True</b> by default.
 */
public void setCompact(boolean value) {
  if (value) getElement().addClassName(COMPACT_BTN);
  else getElement().removeClassName(COMPACT_BTN);
}

public void updateWaves(boolean enabled, UIObject obj) {
  if (obj instanceof MaterialWidget) {
    MaterialWidget widget = (MaterialWidget) obj;
    if (enabled) {
      if (widget.getWaves() != null) {
        widget.getElement().addClassName(CssName.WAVES_EFFECT);
      }
    } else {
      widget.getElement().removeClassName(CssName.WAVES_EFFECT);
    }
  }
}

private void constructDOM() {
  setElement(root);
  root.appendChild(icon);
  root.appendChild(label);
  root.appendChild(ariaLink);
  root.appendChild(runningIndicator);
  addStyleName("item");
  icon.addClassName("icon");
  label.addClassName("label");
  DOM.sinkEvents(getElement(), Event.MOUSEEVENTS);
}

@Override
protected void construct() {
  super.construct();
  final Element header = getHeader();
  detailsLinkEl.addClassName("link");
  detailsLinkEl.setInnerHTML("[MORE]");  //TODO-TRANSLATE, but not with MessageUtil
  header.appendChild(detailsLinkEl);
}

void setupCSSLocators(WorkbenchPartPresenter.View view,
               FlowPanel panel) {
  if (view.getPresenter() != null || view.getPresenter().getTitle() != null) {
    panel.getElement().addClassName(CSSLocatorsUtils.buildLocator("qe-list-bar-content",
                                   view.getPresenter().getTitle()));
  }
}

@Override
protected void construct() {
  super.construct();
  Element detailMessageElement = DOM.createDiv();
  detailMessageElement.addClassName("v-shell-message-detail");
  detailMessageElement.setInnerText(getMessage());
  detailsEl.appendChild(detailMessageElement);
  getElement().appendChild(detailsEl);
}