Question

I am wondering if someone can help me figure out the best approach to the following problem. I’m building a web application which uses Django templating to construct its web UI component. There are a number of common HTML elements such as the header / footer, HTML head, masthead etc. I’d like to code these once and ‘include/combine’ them with other templates representing the core application functionality.

Is this possible using Django Templates? If so how might I go about accomplishing that?

Answer 1

You can use django’s extends tag. Say you had a header and footer. You could make a template, called, say, foo.django:

<h1>My HTML Header</h1> <!-- an so on -->  {% block content %} {% endblock %}  <!-- html footer --> 

Then, you can make another template, say, bar.django:

{% extends 'foo.django' %}  {% block content %} This overrides the content block in foo.django. {% endblock %} 

…which will then render:

<h1>My HTML Header</h1> <!-- an so on -->  This overrides the content block in foo.django.  <!-- html footer --> 

There’s good instructions on django templates at http://www.djangobook.com/en/1.0/chapter04/.