neatComponents: website development system

Previous pageDemo Applications Next page
Simple page editing 

 

Select the 'Admin-tab'

and Log-in using the Username and Password that you created during the Install process.

 

 

Use the Toolbox to access the Text Editor
Select the 'Section 2' tab in the 'Hello World' website you created, and a blank page will come to view.

The toolbox is the key to working with neatComponents.

All of the site creation and management starts with using the Toolbox.

Mouse over the Toolbox on that page, and the Toolbox will open. You'll see a number of options available. At the moment we are interested in the following:  

 

Codeless app development toolbox

'Edit Page' which allows you to write and modify the contents of the page.

'Behavior Editor' allows you to manage advanced 'settings', permission control on who can see the page, and automatically creates the CSS style control.

'Layout Manager' gives you access to the site-tree and the site layout controls for navigation and the elements surrounding the page body. 

Editing

Mouse over the Toolbox on your page, and select the 'Edit Page' option.
Your website will open a new window - the 'Text Editor'.

You can now enter text onto the blank page and format it in the normal way just like a word processor.

You can also add images and links, and by using the special 'Embed Item' tool  insert neatComponents advanced data management tools.

At the moment, experiment with adding text and formatting it - we'll come back to the more advanced aspects later. 

When you have finished editing the page, click the 'Publish Changes' icon  -  the page will be saved to the site and be live to view.

Let's work with the 'Layout Manager' ...


Advanced configuration advice

neatComponents provides comprehensive Style, Settings and Permissions controls, available from the 'Behavior Editor' option in the Toolbox - while we won't need these tools for this simple example, you can see what is available if you wish.

Layout Manager
Sites are constructed by adding 'components' to the 'layout' by drag-and-drop using the 'Layout Manager' for the site. This has already been done for your Trial. The Layout Manager also gives access to the controls for Navigation and the settings for the site's appearance and repeating elements.

Behavior Editor
The Style, Settings and access Permissions for each component are set from the Behavior Editor.

DirectURL Editor
neatComponents websites have built-in automatic navigation, with numeric page numbering. The Direct URL Editor enables you to set a readable name for each 'page'

Edit Abstract
Every component has two extra editable text-areas associated with it that can be embedded on a page. The Abstracts exists separately from the normally visible content.

Edit Keywords
Every component can have key words associated with it.

Edit Section
The Edit Section or Edit Page tool gives direct access to the webpage for editing. Access to a webpage is controlled by the permissions set in its Behavior Editor. Editing a page may be as simple as changing a direct-entry - traditional Content Management - or it may involve embedding a component on the page for more sophisticated data management. 

Other tools are displayed in the Toolbox depending on the context in which you are working and other options selected, for example, if the page has 'Content Approval' enabled.

View this page on your smartphoneView this page on your smartphone
A first site