Introduction 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 […]
Category: CSS Hacks
How to add a tooltip
Introduction 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. Step by Step Instructions LeadsHook provides 2 options to add a tooltip in a node. I. First Option: Using node level […]
How to Switch the positions for Back and Next Buttons
Introduction In this article, you will learn how to switch back and next buttons. From To If you want to apply this on the whole Decision Tree, please Go to the Global Level Scripts via Admin> Scripts, and click the Add button. Copy and paste the code below: Please take note: Add the script in […]
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
Introduction 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 […]
How to create a Progress Loader
Introduction: Here’s a video of how to set this up: If you like you can download a copy of this demo Decision Tree. Then you can import it into your own account.
How to use Google Fonts in LeadsHook
Introduction: LeadsHook supports a number of fonts in the appearance settings, however, if what you need is not on the list then you use Google Fonts instead. Step-by-Step Instructions: Step 1: Select a font Go to https://fonts.google.com/ and select the font of your choice. Take note of the import script and the CSS rule as […]
2 Column Layout on Mobile
Introduction: Before After Video instructions: UPDATED Some users were complaining that the script doesn’t work for them. The reason for this is because in the above example the answer labels are one word answers. If you have answer labels that are several words long, then you will need to adjust the script accordingly. Please use […]
