Resize and Relocate

To change the size of the Tooltip, specify the height and width options. Note that the Tooltip's arrow takes its share of the overall size.

HTML
JavaScript
<img id="image" src="https://www.devexpress.com/DXR.axd?r=9999_17-FD0Id" />
<div id="tooltipContainer">
    <p>Tooltip content</p>
</div>
$(function() {
    $("#tooltipContainer").dxTooltip({
        target: "#image",
        showEvent: 'dxhoverstart',
        hideEvent: 'dxhoverend',
        height: 70,
        width: 200
    });
});

If you need to position the Tooltip against a certain side of the target element, set the position option.

JavaScript
$(function() {
    $("#tooltipContainer").dxTooltip({
        target: "#image",
        showEvent: 'dxhoverstart',
        hideEvent: 'dxhoverend',
        position: "top" // or "bottom" | "left" | "right"
    });
});
See Also