Create a Tooltip

Creating a custom component tooltip on the Dashboard is a useful way to display important information at a glance without cluttering the main interface. This tooltip can include various types of information, such as the IP address, port in use, author, and organization name.

To Implement:

STEP 1: Navigate to the translator.

STEP 2: Use the component.setTooltip{} API.

You can use the built-in ROWdiv CSS class to style your tooltip. For example:

-- Component Tooltip to display port and author info
component.setTooltip{data=[[
<div class='ROWdiv'>
   <div>Port:</div>
   <div>1943</div>
   <div>Author:</div>
   <div>Tyler Brown</div>
</div>]]}

STEP 3: Commit these changes.

STEP 4: The tooltip will appear when you are hovering over the component on the dashboard.

The component must be running to display the tooltip.