Tooltip

org.nasdanika.examples.bank.app/src/org/nasdanika/examples/bank/app/AppRoute.java

@@ -185,7 +185,13 @@ public Action execute(WebContext context) throws Exception {
 //		
 //		body.content(inputGroup);				
 
-		body.content(htmlFactory.label(Style.SUCCESS, "Life is good!"));
+		body.content(
+				htmlFactory.tooltip(
+						htmlFactory.label(Style.SUCCESS, "Life is good!").id("life_is_good"),
+						HTMLFactory.Placement.BOTTOM,
+						"A <B>good</B> life is even <U>better</U>!!!"));
+		body.content(htmlFactory.tag("script", "$('#life_is_good').tooltip({html:true});"));
+
 
 		body.content("<p/>");
 

org.nasdanika.html/src/org/nasdanika/html/HTMLFactory.java

@@ -152,6 +152,17 @@ enum Placement { LEFT, TOP, RIGHT, BOTTOM }
 	 */
 	<T extends UIElement<?>> T popover(T element, Placement placement, String title, String text);
 
+	/**
+	 * Adds tooltip to the element. 
+	 * This method does not initialize the tooltip, it shall be done through JavaScript <code>$(selector).tooltip();</code> e.g.
+	 * <code>$('#my_button').tooltip();</code>
+	 * @param element Element
+	 * @param placement tooltip placement.
+	 * @param text tooltip text
+	 * @return
+	 */
+	<T extends UIElement<?>> T tooltip(T element, Placement placement, String text);
+
 	enum Glyphicon {
 		asterisk,
 		plus,

org.nasdanika.html/src/org/nasdanika/html/impl/DefaultHTMLFactory.java

@@ -204,6 +204,16 @@ public <T extends UIElement<?>> T popover(T element, Placement placement, String
 
 		return element;
 	}
+
+	@Override
+	public <T extends UIElement<?>> T tooltip(T element, Placement placement, String text) {
+		element
+			.attribute("data-toggle", "tooltip")
+			.attribute("title", text)
+			.attribute("data-placement", placement.name().toLowerCase());
+
+		return element;
+	}
 
 	@Override
 	public Tag input(InputType type, String name, String value, String id, String placeholder) {