Page Types

Learn the difference between the page types

See Full Documentation!

Content Page Type Details

Content page types by default are inside a container like this one. This means that by default your page content is inside a container like this one and will not be able to span the entire width of the screen. See the border around this content that is the container.

In order for this content to span the entire width of the screen you will need to change the page type to advanced html page type in the page settings. 

It is recommended to use the advanced html page types as the content page types may be phased out in the future as we continue update the page builder.

Advanced HTML Page Type Details

Advanced HTML Page Types are the most versatile. Content can span the entire width of the screen or be housed in a container like this one. See Container Border.

In order for this content to span the entire width of the screen we can put our content in a container-fluid box see example below.

Advanced HTML Container-Fluid example

As we can see here the content spans the entire width of the screen (see the border), this is a container-fluid. Where as above is a container.

Template Page Type Details

Template page types are mostly used for wrapping content. A common use is a navbar and footer wrapper. We would use a template for this because we don't want to have to create the navbar and footer by hand on every page. So we create a template and then assign it to the pages we wish to include that wrapper content on.

When you select a page type template you will see it moved in to the template section of the page set. 

To apply a template to a page: Open the page settings for that page and select your created template. You can also set a template on the global page settings and it will be the inherent template used across all created pages. 

CSS Page Type Details

CSS page types are used for all your css style scripts. These can be called upon by other pages to stylize the pages. 

CSS stands for Cascading Style Sheets. CSS describes how HTML elements are to be displayed on screen, paper, or in other media. CSS saves a lot of work. It can control the layout of multiple web pages all at once. External stylesheets are stored in CSS files.

Java Script Page Type Details

Java Script page types are used for adding java script code. These can be called upon by other pages to implement the code on those pages. 

JavaScript. JavaScript is a programming language commonly used in web development. It was originally developed by Netscape as a means to add dynamic and interactive elements to websites. ... Like server-side scripting languages, such as PHP and ASP, JavaScript code can be inserted anywhere within the HTML of a webpage.