You might notice design differences between version 1 and version 2 of LeadsHook. The main reason for this is that version 1 uses bootstrap while version 2 uses pure CSS. One major difference between the two is the use of the grid system. Bootstrap Grid System Bootstrap includes a responsive, mobile-first fluid grid system that […]
Articles Tagged: design
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 […]
Export/Import of appearance settings
If you have a Decision Tree setup with the appearance settings organised how you like – you can apply this design to other Decision Trees. To do this we must use the export/import feature of the appearance settings. ( NOTE: If you use CSS or Scripts you would need to manually copy/paste them too ) […]
How to Design Your Auto-Generated Personalized PDFs
In this article you’ll learn all about LeadsHook’s dynamically generated personalized PDFs feature… Please watch this short video to understand the PDF functionality…
Using the Appearance Settings
In this article we will show you how to design a decision tree using the appearance settings. You don’t need to have any web design skills. Although, it would make your job a lot easier if you are familiar with CSS. If you would like to learn HTML/CSS/JS we recommend you try the official tutorials: […]
How to Prevent the Background Image of ‘Increasing’ in Size in Your Chatbot
Please use these settings…
Complete Guide to Designing Your Decision Trees
In this article, you’ll see a number of videos which explains how to change the look and feel of your decision trees. Design Update #1: One-Click Design Themes (or Skins) Select a theme of your choice without making a single change to any other part of your decision tree… and magically the look and feel […]
How to format question lines appearance?
Introduction In this article, we will learn how to format the question lines in your decision tree. Here is an example of a question line without formatting: Here is an example of a question with formatting: Step by Step Instructions Creating question lines Create a Questions & Answers node Formatting question lines Click “Appearance” Click […]
How to format form input?
Introduction In this article, we will learn how to format form input. Here is an example of a form input without formatting: Here is an example of a form input with formatting: Step by Step Instructions On the decision tree canvas,1. Click the settings icon2. Click “Appearance” the form input background, font, padding, border and […]
How to format answer button?
Introduction In this article, we will learn how to format answer button. Here is an example of answer buttons without formatting: Here is an example of answer buttons with formatting: Step by Step Instructions On the decision tree canvas, click “Appearance” See More