How it all works
Watch these 'How it works' videos. They explain how the neatComponents™ engine that powers clearString works. Then do it yourself using the step-by-step Walkthrough which will then become your own first site.
Getting started
The links in the following sections will each open a new page or tab on the Documentation site
Part 1 - Drag-and-Drop App Building
![](../1602/text/3452/files/part1-app-building-01.png)
Building a new app. Go... ![Opens in new window Opens in new window](../1602/text/3452/files/icon-new-window.png)
Adding components. Go... ![Opens in new window Opens in new window](../1602/text/3452/files/icon-new-window.png)
Introduction to navigation. Go... ![Opens in new window Opens in new window](../1602/text/3452/files/icon-new-window.png) |
|
Part 2 - Basic editing
![](../1602/text/3452/files/part-2-basic-editing-rev1.png)
Basic editing. Go... ![Opens in new window Opens in new window](../1602/text/3452/files/icon-new-window.png)
Adding images and links. Go... ![Opens in new window Opens in new window](../1602/text/3452/files/icon-new-window.png)
Working with the Source. Go... ![Opens in new window Opens in new window](../1602/text/3452/files/icon-new-window.png) |
|
Part 3 - Layout elements
![](../1602/text/3452/files/part3-layout-elements.png)
Layout Elements. Go... ![Opens in new window Opens in new window](../1602/text/3452/files/icon-new-window.png) |
|
Part 4 - The Behavior Editor - CSS Control, Settings & Permissions
![](../1602/text/3452/files/part4-behavior-editor.png)
How to set styles (CSS). Go... ![Opens in new window Opens in new window](../1602/text/3452/files/icon-new-window.png)
Component Settings. Go... ![Opens in new window Opens in new window](../1602/text/3452/files/icon-new-window.png)
Access Permissions. Go... ![Opens in new window Opens in new window](../1602/text/3452/files/icon-new-window.png) |
|
Part 5 - Data integration
![](../1602/text/3452/files/part5-embedding.png)
An introduction to the Embed tool:
Starting Data Integration. Go... ![Opens in new window Opens in new window](../1602/text/3452/files/icon-new-window.png)
Report Builder. Go...
Data Handling. Go...
Web Forms. Go...
Email & more Integration. Go... |
Also - Planning your site
The Order of Work - discover how best to plan your new site. [
Text article] Go... ![Opens in new window Opens in new window](../1602/text/3452/files/icon-new-window.png)
Advanced site building
On this page we are concentrating on how to create a basic app or site, but at any time these surfaces (web pages) can be used to receive embedded data-components just as easily as adding text or an image.
We have extensive documentation on how to incorporate data into your websites to create custom applications in the main Documentation site.