ALite CMS 44.0
Language: 
ALite CMS

Interactive Page Builder

Page builder is an interactive tool for web-page constructing in Alite CMS. It uses php-templates of the system to output data. It's built using a web-interface and Ajax technology. The user doesn't need any additional software. The page builder is compatible with such browsers like Explorer, Mozilla Firefox and Opera.

Remark:
– page layouts can be created in any other way, for example, manually. In this case, the user isn't permitted to use the page builder.

 

Builder pagesThe builder permits to create html-pages of any complexity. All static and dynamic data are seen in the page layout directly. Function of near jumping for links is enabled in the page layout. Only dinamic links or links that open new windows (such as polls or feedback) are restricted.
Each layout box for data output is a special container made of several tags. Such container is meant to display data and to provide with tools to manage them in the page builder. The boxes can be placed near each other as well as within other box. Such nesting isn't limited.
The user can move boxes by dragging it with a mouse. The user is permitted not only to change the box location, but also to change box hierarchy within the page layout or parent box.
When a page layout is changed, the page isn't changed in the user area till the changes are not applied. It permits to edit the current site design not causing the site malfunctioning.
Usage of the Ajax technology helps to avoid additional reloads of the builder page and accelerates the data loading through reduction of their total volume. When working, not all but only necessary data are loaded from a server.

 

Design propertiesProperty builders are used to edit object properties. It permits to correctly set their value without deep knowledge of css.
Property values can be also set without builders.

 

Object inspectorObject inspector displays a list of available properties of the selected objects and their current values. It permits to change the most significant properties of the data block.
To edit an object, the user should click with a mouse on the block toolbar and select the object from the drop-down list.
The user should select a desirable template from the drop-down list to enable system php-templates for dynamic data output. System templates used for displaying dynamic data are enabled through selection of a proper template from the drop-down list. If the php-template returns an empty value in the current state, the user can find an auxiliary text 'no php-code' in the block, where its' code should be placed identifying a name of the php-template. If a php-template isn't found by any reason or can't be loaded, an auxiliary text 'php-template isn't found' identifying the template name appears in the block, where the template data should be placed.
The user can set up styles for each block as well as css class from the style list for user area.


Office block
Each data block includes its' own management elements:
1. Area for the block dragging.
2. Call to an object inspector.
3. Call to editor of an inner block content (the inner block content doesn't depend on usage of php-templates and plug-ins in this block).
4. Duplicate the layer.

Each data block can include up to 4 indepent fields for data display, which appear in the following order:
1. Nested data block.
2. editable internal content of the block.
3. Data displayed with php-template.
4. Data displayed with the enabled module (plug-in).