Displaying the Document Type Properties
You might have noticed that the content we've added to the homepage is not being displayed. We need to wire up the Data Type properties to the template.
Let’s look at our template and identify where the content should be displayed.
The top arrow in this image is the Page Title and the bottom arrow is the Body Text. The Footer is all the way at the bottom of the page.
Setting the Document Type Properties
To set the Document Type properties:
Go to Settings.
Select Templates in the Templating section.
Open the Homepage template.
Scroll down to the
<!-- Jumbotron, w title -->section (around line 45) and highlight the text“Welcome - UmbracoTV”(around line 48).Click Insert and select Value.
Select Document Type from the Choose field drop-down list.
Select HomePage.
Click Choose.
Select pageTitle field from the HomePage drop-down list.
Click Submit.
Go to the content between the
<div class="container">tags (around line 60 to 77):Highlight the content as shown in the figure.
Click Insert and select Value.
Select Document Type from the Choose field drop-down list.
Select HomePage.
Click Choose.
Select bodyText field from the HomePage drop-down list.
Click Submit.
Go to the content between the
<div class="container-fluid footer">tag (around line 148 to 181):
Highlight the content between the
<div class="container">tags.Click Insert and select Value.
Select Document Type from the Choose field drop-down list.
Select HomePage.
Click Choose.
Select footerText field from the HomePage drop-down list.
Click Submit.
Click Save.
Reload your homepage to view the content. You should see something similar like the image below:
Now, you can go back and add additional fields or update existing fields in the Document Type. Fill them out in the content node and then add them in the template to display the data in the website.
Last updated
