# How to make custom tooltips for your field label using JavaScript and HTML **URL:** \ **Category:** Form Designer\ **Created:** [January 25, 2023, 1:41pm UTC](https://discuss.workflowgen.com/t/how-to-make-custom-tooltips-for-your-field-label-using-javascript-and-html/2123 "2023-01-25T13:41:54Z")\ **Posts on this page:** 1\ **Page:** 1
**Author:** ![lyelle](https://yyz2.discourse-cdn.com/flex030/user_avatar/discuss.workflowgen.com/lyelle/32/455_2.png) [@lyelle](https://discuss.workflowgen.com/u/lyelle)\ **Post date:** [January 25, 2023, 1:41pm UTC](https://discuss.workflowgen.com/t/how-to-make-custom-tooltips-for-your-field-label-using-javascript-and-html/2123/1 "2023-01-25T13:41:54Z")
# Overview Currently, tooltips are very simple and only in plain text assigned to each field. Sometimes a field might require more detailed information about the field, but the current tooltips are quite limited. Using JavaScript tooltips allows the use of: - A custom icon to indicate that a tooltip is present for this action. - HTML in the content of the tooltip to allow more flexibility. # Implementation 1. In the Form Designer, click the gear icon to open the **Form configuration** panel. 2. On the **General** tab, check **Enable AJAX mode**. 3. On the **Web References** tab, check **Include jQuery API and jQuery UI** libraries. 4. Copy anjd paste the following line of code in the text area: 5. Close the **Form configuration** panel, then click the **JS** button in the Form Designer toolbar. 6. Copy and paste the following function in the text area: 7. In the JS `pageLoad` function, call the `setTooltip` for each additional tooltip you want to add to your label. A sample process can be found on the WorkflowGen GitHub community: > **[workflowgen-community/samples/js-tooltips at main ยท...](https://github.com/advantys/workflowgen-community/tree/main/samples/js-tooltips)** > > WorkflowGen community repository. Contribute to advantys/workflowgen-community development by creating an account on GitHub.