How to Implement Rich Tooltip to an Edit Field

How to Implement Rich Tooltip to an Edit Field

Rich tooltip feature enables the user to see tooltips with images and formatted text on an edit field. This feature also enables the developer to specify the delay time after hovering before it displays the tooltip message. The information of the tooltip has to be available on the web page. To display a rich tooltip on an edit field, you will need to set the control name of the fields like as follows.

  1. For the field that does not have a tooltip message to display, you can just set the control name of the field without any parameter.
  2. For the field that you want to display a tooltip message, you can set the control name of the field like the following.

<controlname>:<attachpoint>:tooltipfields=<fields control name where you extract the information from separated by comma>:showdelay=<in millisecond>:default

For example:

ProductName:MainArea:tooltipfields=ProductCode,ProductDescription,ProductImage:showdelay=400:default



    • Related Articles

    • How to Implement Rich Tooltip to a Grid Field

      Rich tooltip on a grid feature enables the user to see tooltips with images and formatted text on a grid cell upon hovering. This feature also enables the developer to specify the delay time after hovering before it displays the tooltip message. The ...

    • Edit Grid

      Edit Grid can be found in the current version of HSync templates. To implement add the triple: MyEntity ENT is a ENT Ability.EditList By default all fields are editable. To prevent a field from being edited, add it to the local variable 'NonEditable' ...

    • Field Customization

      To implement field customization we need to make our field(s) inherit from Field Plex For this example will use the Customer entity. We will add a password field OrderProcessing.Customer has FLD AppPassword. After adding the field, define what type ...

    • How to implement file viewer in WebClient using Office Web Viewer

      Reference https://www.microsoft.com/en-us/microsoft-365/blog/2013/04/10/office-web-viewer-view-office-documents-in-a-browser/ How to implement the FileViewer.ctrl The FileViewer.ctrl template is applied over an edit control in your Plex panel, at ...

    • How to Implement Image Gallery

      In this article, we will be showing an example how we can use other Javascript library other than Dojo Toolkit in WebClient and how to implement an image gallery using https://galleriajs.github.io/ 1. Create a Plex grid function where one of the grid ...