Page Builder

Ingeniux CMS users can access the Page Builder graphical interface to build pages or edit existing templates with minimal or no knowledge of web-development techniques. Page Builder generates grids (i.e., rows and columns) where users can visually change the structure of individual pages and create new layouts. The Page Builder system uses open-standard, responsive-design approaches to make all designs and content mobile-friendly and responsive by default.

While users complete the majority of their Page Builder work in the Site > Design tab, Page Builder conceptually encompasses a collection of Ingeniux CMS features that work in concert.

This topic includes:

Presentation Layer

The presentation layer makes up the central concept of Page Builder. The CMS content-rendering model separates page content (structured XML) from page templates (XSLT or MVC views). This separation of data and presentation allows content to be used in multiple ways and in many places.

The presentation layer is an intermediary between content and its corresponding templates (i.e., the model and views). This layer gives users the flexibility to define the appearance of a page while simultaneously structuring the page content. Users can apply this to reuse existing structured content. For example, to design a page presentation that suits their needs, they can reuse components or navigation elements in addition to creating new content elements.

CMS 10.6 New Presentation Layer

Presentation Content Units

Presentation content units serve as the basic building blocks within Page Builder. To construct content units, CMS users require membership to a group that provides permissions to create them. Users can access these created content units within the Design tab to position them within a Page Builder layout. Content units can contain pre-populated content or can remain empty for users to add content later.

Content Unit Content in CMS 10.6 Page Builder Presentation

In-Context Editing Mode

In-Context Editing (ICE) bridges the gap between entering content and previewing the results. ICE provides visual functionality for editing content within Page Builder layouts. Content contributors can enter content directly in a page's layout and see the results of their work immediately. ICE makes it possible to edit this rendered content directly if users have appropriate permissions and an ICE layout added to the page's ASP.Net view.

View Development

Developers contribute to Page Builder by inserting @id attributes within the layout of ASP.NET views. These @id attributes usually reside in <div> elements. These <div> elements serve as containers for discrete parts of the view layout. Once identified, these <div> elements become selectable within the Page Builder design workspace (i.e., Site > Design tab).

CMS 10.6 vs. CMS 10.0–10.5

Page Builder functionality differs depending on your CMS site version. Follow the section that corresponds with your version.

See CMS Statistics for details to check your version.