Using Rich Text Block and String Table

Using Rich Text Block and String Table

1. Add Rich Text Block

   1. Add a RichTextBlock in the Widget Designer.

      

      Alternatively, use LayeredTooltipRichTextBlock to skip steps 2 and 3.

   2. In the Details tab of the added RichTextBlock, locate Decorator Classes.

   

   3. Add LayeredTooltipDecorator.

   

   4. Assign an appropriate TextStyleSet to the RichTextBlock.

   

   We'll use the pre-configured DT_LayeredTooltip_Default_RichText for this example. Tag configuration for tooltips will be covered below.

2. Writing Text

   1. Add the <Tooltip> tag to your text.

   

   2. Now hovering over the tagged word will display a tooltip.

   

3. Preparing Tooltip Content

   Implement LayeredTooltipTextProvider for complete control over tooltip content display. The default LayeredTooltipDefaultTextProvider uses String Tables to define tooltip content.

   1. Modify the default String Table in Plugin Content. Open ST_LayeredTooltip_Default at Plugins/LayeredTooltip/DefaultResources/.

   

   2. Create a string key named tooltip_plugin.

   

   3. Add the string key to the text. Change from <Tooltip> to <Tooltip TextId="tooltip_plugin"> to include the TextId.

   

   Tags like Tooltip and TextId can be customized through Plugin Settings → Tooltip Tags, Tooltip Text Metadata Key.

4. Tooltip content is now displayed.

5. Implement nested tooltips by adding additional tags within tooltip content.

The above content is defined in the String Table as follows:

LayeredTooltip Plugin. <tooltip textid="tooltip_plugin">This plugin</> allows you to freely link another <tooltip textid="tooltip_tooltip">tooltip</> to the text in the <tooltip textid="tooltip_tooltip">tooltip</>. Create as many nested tooltips as you want and stack them up.