Page Builder

About Page Builder | Use Page Builder to visually build and edit mobile-friendly, responsive templates for individual web pages.


Ingeniux Page Builder offers a convenient way to build pages or edit existing templates. It does this through a graphical interface, requiring no knowledge of web-development techniques. Page Builder generates grids (i.e., rows and columns) where users can change the structure of individual pages and create new layouts in a visual way. The Page Builder system uses open-standard, responsive-design approaches, so all designs and content created are mobile-friendly and responsive by default.

Important: Page Builder requires setup. Administrators should consult Page Builder Prerequisites for details.

While the Site > Design tab is where Page Builder users do most of their work, conceptually Page Builder is a collection of Ingeniux CMS features that work in concert.

Presentation Layer

Central to Page Builder is the concept of the presentation layer. 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. It gives users the flexibility to define the appearance of a page while simultaneously structuring its content. This means that you can reuse existing structured content—for example, components or navigation elements—in addition to creating new content elements to design the page presentation you want.

Presentation Content Units

Page Content Units (PCUs) are the basic building blocks within Page Builder. In order to construct PCUs, you must belong to a group that has permission to create them. Once created, PCUs display within the Design tab so you can position them within a Page Builder layout. Content units may contain pre-populated content or left empty for CMS contributors to add content later.

In-Context Editing View

In-Context Editing (ICE) bridges the gap between entering content and previewing the results. ICE is particularly useful in editing content within Page Builder layouts. Content contributors can enter content directly into 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. Usually, these id attributes are on div elements serving as containers for discrete parts of the view layout. Once they are identified, these elements become selectable within the Page Builder design workspace (i.e., Site > Design tab).

This section includes: