Align the image either left or right on the answer button

There are no settings or options to put the image side by side with the text on the answer button, however, a little CSS should do the job. Here is the CSS code: And here is the code explanation. Please feel free to adjust the code according to your needs. And here is the final […]

Read More

How to add a tooltip

In this article, you will learn how you can add a tooltip. A tooltip is often used to specify extra information about something when the user moves the mouse pointer over an element. LeadsHook provides 2 options to add a tooltip in a node. First Option: Using node level script To add a script at […]

Read More

How to create 2 columns in mobile view

Here is how to create 2 columns in mobile view. Step 1 Go to the decision tree scripts as shown in the image below. Step 2 Click on the “Add” button under the Decision Tree Scripts. Step 3 Add the code below. Step 4 Save and publish.

Read More

How to add CSS to a node

Its possible to modify the visual aspect of any given HTML in a node. As we are scripting, we should really do a comprehensive course on HTML & CSS first. I recommend the official W3C tutorial online: https://www.w3schools.com/ Once we understand that it will be relatively easy to modify the design of HTML elements in […]

Read More

How to create a Progress Loader

A progress loader is a visual message that the page is busy and wants you to wait. There are two types of progress loader. One is determinate, where we know before hand how much time the task will take to complete. The other is indeterminate, where we don’t know when the task will end. In […]

Read More

Alternative Date Picker

Here’s a calendar dialog CSS hack. It completely changes the default look, With a brand new look: Simply go to your scripts section, add a new script. And paste this code: You can see a live demo here: https://aubrey-bourke.leadshook.dev/survey/o0WdA4DFuFPtPPIdHKwYq9ZSyEx4jjpyuDVILjTz

Read More