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 […]
Category: CSS Hacks
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 […]
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.
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 […]
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 […]
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