Additional utility method to customized tooltip component.

Author: kevzlou7979

gwt-material/src/main/java/gwt/material/design/client/base/HasTooltip.java

@@ -22,6 +22,7 @@
 import gwt.material.design.client.base.mixin.TooltipMixin;
 import gwt.material.design.client.constants.Position;
 import gwt.material.design.client.ui.MaterialTooltip;
+import gwt.material.design.jquery.client.api.JQueryElement;
 
 /**
  * Interface that determines the class has a {@link MaterialTooltip} attached to
@@ -43,6 +44,11 @@ public interface HasTooltip {
      */
     void setTooltip(String tooltip);
 
+    /**
+     * Sets the tooltip text to be shown with additional classes
+     */
+    void setTooltip(String tooltip, String... classes);
+
     /**
      * @return the position where the tooltip text should appear, relative to
      * the component
@@ -69,4 +75,8 @@ public interface HasTooltip {
 
     String getTooltipHTML();
 
+    /**
+     * Get the Tooltip element to ease of customization
+     */
+    JQueryElement getTooltipElement();
 }

gwt-material/src/main/java/gwt/material/design/client/base/MaterialWidget.java

@@ -529,6 +529,11 @@ public void setTooltip(String tooltip) {
         getTooltipMixin().setTooltip(tooltip);
     }
 
+    @Override
+    public void setTooltip(String tooltip, String... classes) {
+        getTooltipMixin().setTooltip(tooltip, classes);
+    }
+
     @Override
     public Position getTooltipPosition() {
         return getTooltipMixin().getTooltipPosition();
@@ -559,6 +564,11 @@ public String getTooltipHTML() {
         return getTooltipMixin().getTooltipHTML();
     }
 
+    @Override
+    public JQueryElement getTooltipElement() {
+        return getTooltipMixin().getTooltipElement();
+    }
+
     public void setVisibility(Style.Visibility visibility) {
         getElement().getStyle().setVisibility(visibility);
     }

gwt-material/src/main/java/gwt/material/design/client/base/mixin/TooltipMixin.java

@@ -24,6 +24,7 @@
 import gwt.material.design.client.base.MaterialWidget;
 import gwt.material.design.client.constants.Position;
 import gwt.material.design.client.ui.MaterialTooltip;
+import gwt.material.design.jquery.client.api.JQueryElement;
 
 /**
  * Mixin for the {@link MaterialTooltip} component.
@@ -68,6 +69,26 @@ public void setTooltip(String text) {
         tooltip.setText(text);
     }
 
+    @Override
+    public void setTooltip(String tooltip, String... classes) {
+        setTooltip(tooltip);
+
+        if (this.tooltip.getWidget().isAttached()) {
+            addTooltipClass(classes);
+        } else {
+            this.tooltip.getWidget().addAttachHandler(event -> addTooltipClass(classes));
+        }
+    }
+
+    public void addTooltipClass(String... classes) {
+        JQueryElement tooltipElement = this.tooltip.getTooltipElement();
+        if (tooltipElement != null) {
+            for (String tooltipClass : classes) {
+                tooltipElement.addClass(tooltipClass);
+            }
+        }
+    }
+
     @Override
     public Position getTooltipPosition() {
         return tooltip == null ? null : tooltip.getPosition();
@@ -100,4 +121,9 @@ public void setTooltipHTML(String html) {
     public String getTooltipHTML() {
         return tooltip.getHtml();
     }
+
+    @Override
+    public JQueryElement getTooltipElement() {
+        return tooltip.getTooltipElement();
+    }
 }

gwt-material/src/main/java/gwt/material/design/client/ui/MaterialTooltip.java

@@ -30,6 +30,7 @@
 import gwt.material.design.client.base.helper.EventHelper;
 import gwt.material.design.client.constants.Position;
 import gwt.material.design.client.js.JsTooltipOptions;
+import gwt.material.design.jquery.client.api.JQueryElement;
 
 import java.util.Iterator;
 import java.util.NoSuchElementException;
@@ -58,6 +59,7 @@ public class MaterialTooltip implements JsLoader, IsWidget, HasWidgets, HasOneWi
     private String html;
     private Widget widget;
     private JsTooltipOptions options = JsTooltipOptions.create();
+    private JQueryElement tooltipElement;
 
     /**
      * Creates the empty Tooltip
@@ -88,6 +90,7 @@ public MaterialTooltip(final Widget w, final String text) {
     @Override
     public void load() {
         $(widget.getElement()).tooltip(options);
+        tooltipElement = $("#" + $(widget.getElement()).attr("data-tooltip-id"));
     }
 
     @Override
@@ -323,15 +326,12 @@ public void setHtml(String html) {
         this.html = html;
 
         if (widget != null) {
-            Element element = widget.getElement();
             if (widget.isAttached()) {
-                $("#" + element.getAttribute("data-tooltip-id"))
-                        .find("span")
+                tooltipElement.find("span")
                         .html(html != null ? html : "");
             } else {
                 widget.addAttachHandler(event ->
-                        $("#" + element.getAttribute("data-tooltip-id"))
-                                .find("span")
+                        tooltipElement.find("span")
                                 .html(html != null ? html : ""));
             }
         } else {
@@ -349,8 +349,12 @@ public void setAttribute(String attr, String value) {
             } else {
                 EventHelper.onAttachOnce(widget, handler);
             }
-        }else {
+        } else {
             GWT.log("Please initialize the Target widget.", new IllegalStateException());
         }
     }
+
+    public JQueryElement getTooltipElement() {
+        return tooltipElement;
+    }
 }