Documentation Center

Step 4: Creating the Component Template

Using the Template Builder desktop application, create a Component Template that uses the design item you created.

Procedure

  1. In Content Manager Explorer, in the Tools Ribbon tab, select Template Builder.
    Template Builder opens.
  2. Select File > New and in the dialog that opens, navigate to Building Blocks\System\Templates\Component Templates\.
  3. Call the Template "Article Summary" and set the type to Component Template. Then click OK to create the Template and close the dialog.
  4. In the main view, in the Building Blocks panel, from the Design group, drag the Template Building Block called Article Summary Design into the middle area.
  5. In the same panel, from the Default Templates group. drag Default Finish Actions into the middle area, below Article Summary Design.
  6. In the toolbar, press Run (the button with the arrowhead pointing to the right) and in the Open Component dialog that opened, navigate to and select one of the Components you created. Click OK to close the dialog and run the Template.
  7. When the Template has run, select the item Result in the content area.
  8. In the Package panel below it, select the item with the value Output in the name column.
    The Item View panel on the right shows a preview of the rendered Component, but without the images, which are still hardcoded.
  9. Save and close your Component Template.
  10. Access Content Manager Explorer and navigate to Building Blocks\System\Templates\Component Templates\. Open the Component Template "Article Summary" in this location.
  11. In the dialog, that opens, select the Linked Schemas tab.
  12. In the left list called Available Schemas, double-click Article to move it the list on the right called Linked Schemas.
  13. Save and close the Component Template

Results

You now have a Component Template, but it renders the contents of your original article as hardcoded contents. Obviously, the contents of the fields are not part of your design, but their look-and-feel and layout are.