Tooltip(Default & Custom)

Check out the walk-through given below on how to Tooltip are configured in the Designer charting components.

  • The Tooltip property block is available under the component property section.

  • Tooltip block contains ‘Show Tool Tip ’, ‘Background Color ’, ‘Opacity ’, ‘Border Color ’, ‘Box Width ’, ‘Precision ’ & ‘Highlighter ’.

    • Show Tool Tip: Configures tooltip as Default, Custom, or None.

    • Background Color: Configures tooltip background color.

    • Opacity: Configures tooltip background color opacity.

    • Border Color: Configures the border color of the tooltip.

    • Box Width: Configures the width of the tooltip box it contains a select box from where width can assign to the tooltip box.

    • Precision: Configures the tooltip display data precision.

    • Highlighter: By enabling this property through the checkbox tooltip highlighted field background color change.

  • Show Tool Tip: By clicking this a model box opens which contains three radio buttons, its default selection is ‘Default ’

    • None: On selection of None, the tooltip doesn't be shown on the selected component.

    • Default: It's by default a selected tooltip, that displays the default configuration of the selected component.

    • Custom: On selection of Custom, tooltip content can be configured.

  • Custom Tool Tip: On selection of Custom, an editable text box opens.

  • Editable text box contains property buttons on top, a select box that contains all the fields of the data set, and a save and cancel button.

  • Editable text box contains selected fields of data set by default.

  • Custom Tooltip configuration

    • Additional fields can be selected from the select box.

  • Display name then field name inside the bracket, field data replaces brackets.

  • After selection of the content font properties like font color, font size, font family, etc can be changed from property buttons.

  • <htmlTag></htmlTag>: With the help of this tag, any HTML content can be passed directly into tooltip.

  • Video and image can be displayed in the tooltip through this HTML tag.

  • The field which contains video links that name would be written in the brackets after "scr=" for example src=[Field Name]. For displaying a single video or image the only link to that particular video or image need to give under "src=" for example src="https://www.bdbizviz.com/resources/images/BDB_logo.png"

  • Font Color property does not support Internet Explorer.

  • For changing the field data font property, you need to select the entire bracket otherwise value won’t be displayed in the tooltip.

Mobile Tooltip configuration

  • For Timeline, Bar, Heatmap & Pie mobile specific Tooltip is available.

  • This Tooltip works only when the component is in maximized state.

  • Default Tooltip can be enabled through this script-->

// SSDK.getWidget( 'ComponentID').m_mobiletooltipstyle = "default";ome code