Adding HTML to Tooltips - ROES Desktop

ROES Support Knowledgebase

Add Tooltips to ROES Templates

Use this article to add a tooltip attribute to a template and enter HTML content for a tooltip with or without an image.

Product: ROES Templates Category: Template Attributes / Tooltips Audience: Lab / Support Article ID: 47
Common need
A template needs a tooltip that explains pricing, restrictions, order minimums, or other product information directly in the ROES client.

Overview

Add a tooltip attribute to the root of the template, then enter the tooltip HTML in the attribute field. The tooltip content can be simple formatted text or a more detailed HTML block that includes an image.

Add the Tooltip Attribute

1

Add the attribute

Add the tooltip attribute to the root of the template.

2

Enter the tooltip HTML

Paste the desired HTML content into the tooltip attribute field.

Example: Tooltip Without an Image

This example displays tiered pricing text and a red warning line.

Tooltip attribute example without an image
Tooltip example without an image.
If this image does not display, open it directly: tooltip_Without_Image.png

HTML to enter in the tooltip attribute

<html>Tiered Pricing is available on this product -- as low as $0.12<br><b><font color="#FF0000"> Not Available with color correction.</font></b></html>

Example: Tooltip With an Image

This example uses an HTML table and an image inside the tooltip content.

Tooltip attribute example with an image
Tooltip example with an image.
If this image does not display, open it directly: tooltip_With_Image.png

HTML to enter in the tooltip attribute

<html><div style="color: #black; width: 260px; padding-top: 10px; padding-bottom: 10px; padding-left: 4px;"><table cellpadding="0" cellspacing="0" width="280" style="background: #4a4949; padding: 1px;"><tr valign="top"><td bgcolor="#f4f9fd" style="padding: 8px 5px;"><img src="http://www.softworksroes.com/ROES/labs/MarcSTest/Graphics/alert.png"></td><td bgcolor="#6fbbfc" style="padding: 10px; font-size: 10px;"><strong>There is a $10.00 minimum order charge for prints and services.</strong><br><br><span style="font-size: 8px;">This will show in the <strong>Total Price</strong> .</span></td></tr></table></div></html>

Image URL Note

If the tooltip includes an image, the image URL must be reachable by the ROES client. The source example uses: http://www.softworksroes.com/ROES/labs/MarcSTest/Graphics/alert.png.

Expected Result

After the tooltip attribute is added and the template is uploaded, the ROES client should display the tooltip content for the template using the HTML entered in the attribute field.

Helpful Link

Escalation Notes

  • Confirm the tooltip attribute was added to the root of the template.
  • Confirm the tooltip HTML is valid and properly pasted into the attribute field.
  • If an image is used, confirm the image URL is accessible from the customer environment.
  • If the tooltip does not display, re-upload the updated template and relaunch the ROES client before retesting.
Suggested keywords: tooltip, template attribute, ROES template, tooltip HTML, product tooltip, tooltip image, template root, HTML tooltip

Article Details

Article ID:
47
Category:
Views:
1,224