EverWeb Codebox logo

EverWeb Widgetbox 3

Touch Info Tooltip Widget

Touch Info Tooltip

Touch Info Tooltip Widget

Tooltip

Tooltips are a useful way to add extra info to a web page without taking up too much room.
These are normally in the form of inline text links which are hovered by the vistor to reveal the tooltip.
This is obviously no use for touch devices which require a large target for fingertips and a tap to open and close action rather than hover.
This info tooltip button will work via hover on the full version of the site and tap on the versions for touch devices.

Info Button
Touch Info Tooltip Widget

Tooltip

Enter the button text, adjust the width using a drag handle or the Metrics inspector and the height using the value for Padding.
Text can run to two or more lines by using the HTML for a line break <br>
Set the font family, size and color.
Set the background color or check the box, choose the colors for a gradient and set the angle.
Set the border width, color and corner radius if required.
Set the tooltip maximum width, border width and color, corner radius and background color.
Enter the tooltip text.
Set the tooltip font size and color.
Adjust the value for padding as required.
Line breaks are created using the HTML <br>
Where two or more lines are used, use the value for line height to adjust the spacing between them.
If hover colors are required when the button is used on the full version of the site, check the box and set the hover and background colors.

This widget is included in the Touch widget pack.

Touch Widgets Bulk Pack Discount Deal

Buy all 4 Touch Widget packs for $30.00 …