Layout

Front-end developers have complete markup control

The most common approach to ensuring the same "look and feel" of pages across a website or even multiple website is, of course, use of page templates.

When you create a page in Composite C1, you can choose between page templates available on the website.

You can create and edit the page templates from the Layout perspective. The template usually:

  • lays out parts of the page
  • styles the page
  • adds some behavior to the page

Normally, the styles, formats, behavior, etc are kept in separate stylesheet (CSS, LESS) and script (JavaScript) files in corresponding subsfolders at ~/Frontend. They are then linked to, and used, in the page templates.

In Composite C1, you can use different technologies to create page layout templates:

  • ASP.NET Razor
  • ASP.NET Master Pages
  • XML/XHTML

To the end user of templates (for example, a content writer who edits a page), these technologies are transparent.

In this section you will find information about creating and using page layout templates in Composite C1 using these technologies (ASP.NET Razor, ASP.NET Master Pages, XML/XHTML). 

You will also "dive" into working with markup of templates as well as learn about creating and using page template features.

In addition, you will learn how to create page types as well as how to localize different parts of your website.

  • XML Templates

    Learn how to create and use XML templates in Composite C1.

  • Razor Page Templates

    Learn to create and use Razor page templates in Composite C1.

  • Master Pages Templates

    Learn how to create and use Master Page templates.

  • Page Template Features

    Learn how to create and use Page Template Features.

  • Controlling <head/>Element

    Learn about manipulating elements in the HTML <head/> of a page with C1 Functions and HTML content bits.

  • Writing XHTML

    Learn to write valid markup in page layout templates.

  • Page Types

    Learn how to use page types to control layout options, metadata, functionality and default content.

  • Localization

    Learn about localizing websites in Composite C1.

  • Artisteer Templates

    Learn how to adapt templates created with Artisteer (http://www.artisteer.com/) to be used in Composite C1.

  • Layout FAQ

    Frequently asked questions on content and style editing in Composite C1.