Component individualTooltip = new WebMarkupContainer("individualTooltip");
individualTooltip.add(tooltip_1_10_3() /**/
.setContent("tooltip content") /**/
.setItems("#" + individualTooltip.getMarkupId()) /**/
.setPosition(new JsOption("my", "'center bottom-20'"), new JsOption("at", "'left top'")) /**/
.addCssResource(uiTooltipCss));
add(individualTooltip);
// make multiple tooltips look the same by providing a CSS class selector to the tooltip
add(tooltip_1_10_3(".textWithTooltip") /**/
.setItems(".textWithTooltip") /**/
.setPosition(new JsOption("my", "'center bottom-20'"), new JsOption("at", "'center top'")) /**/
);
add(new WebMarkupContainer("tooltipFromTitle"));
add(new WebMarkupContainer("tooltipFromDataTooltip"));
add(new WebMarkupContainer("tooltipWithMarkup").add(tooltipContent("<strong>tooltip content with markup</strong>")));