How to extend your change_form template

[giadasp]

Hi, I would like to extend your template for change_form.html. Which is the structure of the folder I have to follow to extend it?
I try to put my html in admin/app_name/model_name/change_form.html but it does not work.
Thank you in advance for your support.
Giada

[merwok]

To override the base change_form, I have a template in <project>/templates/admin/change_form.html
project is a django app that’s first in INSTALLED_APPS, before django-admin-interface and django.

To customize a change form for a specific model, I have for example <project>/<app1>/templates/admin/<model1>_change_form.html and set change_form_template = "admin/<model1>_change_form.html in the admin class.

[giadasp]

Thank you very much. I tried it and it works!

[giadasp]

I also noticed the following bugs:
"fieldsets as tabs" =true and "inlines as tabs"= false -> the button to add extra records does not appear for tabularInline fields.

"fieldsets as tabs" =true -> the date fields do not appear in the form.

[giadasp]

I understood that the fieldsets should be wide and not collapse, otherwise, they are not properly shown.
The second bug is solved setting "wide" instead of "collapse" in the fieldset classes.

[giadasp]

Regarding the first bug, I think that the change_form.html in the Django-admin package is different from yours.
Your change_form.html has the block inline_field_sets inside the block "fieldsets", instead django-admin has the block inline_field_sets outside.
If you change the placement of these blocks in your template, it works.

[giadasp]

This is how I updated the change_form.

{% extends "admin/change_form.html" %}
{% load static admin_interface_tags %}

{% block field_sets %}

    {% get_admin_interface_setting "show_fieldsets_as_tabs" as show_fieldsets_as_tabs %}
    {% get_admin_interface_setting "show_inlines_as_tabs" as show_inlines_as_tabs %}
    {% admin_interface_use_changeform_tabs adminform inline_admin_formsets as admin_interface_use_changeform_tabs %}

    {% if not admin_interface_use_changeform_tabs %}
        {% for fieldset in adminform %}
            {% include "admin/includes/fieldset.html" %}
        {% endfor %}
    {% else %}

        <div id="tabbed-changeform-tabs" class="tabbed-changeform-tabs">

            {% if show_fieldsets_as_tabs %}
                {% for fieldset in adminform %}
                {% with fieldset.name|default_if_none:opts.verbose_name as tab_name %}
                <button type="button" id="tablink-{{ tab_name|slugify }}" class="tabbed-changeform-tablink {{ forloop.counter0|default:'active' }}" onclick="AdminInterface.tabbedChangeForm.openTab(event, '{{ tab_name|slugify }}')">
                    {{ tab_name|capfirst }}
                </button>
                {% endwith %}
                {% endfor %}
            {% else %}
                {% with opts.verbose_name as tab_name %}
                <button type="button" id="tablink-{{ tab_name|slugify }}" class="tabbed-changeform-tablink active" onclick="AdminInterface.tabbedChangeForm.openTab(event, '{{ tab_name|slugify }}')">
                    {{ tab_name|capfirst }}
                </button>
                {% endwith %}
            {% endif %}

            {% if show_inlines_as_tabs %}
                {% for inline_admin_formset in inline_admin_formsets %}
                {% with inline_admin_formset.opts.verbose_name_plural as tab_name %}
                <button type="button" id="tablink-{{ tab_name|slugify }}" class="tabbed-changeform-tablink" onclick="AdminInterface.tabbedChangeForm.openTab(event, '{{ tab_name|slugify }}')">
                    {{ tab_name|capfirst }}
                </button>
                {% endwith %}
                {% endfor %}
            {% endif %}

            <span class="tabbed-changeform-tabs-remaining-space"></span>

        </div>

        {% if show_fieldsets_as_tabs %}
            {% for fieldset in adminform %}
            {% with fieldset.name|default_if_none:opts.verbose_name as tab_name %}
            <div id="tabcontent-{{ tab_name|slugify }}" class="tabbed-changeform-tabcontent {{ forloop.counter0|default:'active' }}">
                {% include "admin/includes/headerless_fieldset.html" %}
            </div>
            {% endwith %}
            {% endfor %}
        {% else %}
            {% with opts.verbose_name as tab_name %}
            <div id="tabcontent-{{ tab_name|slugify }}" class="tabbed-changeform-tabcontent active">
            {% for fieldset in adminform %}
                {% include "admin/includes/fieldset.html" %}
            {% endfor %}
            </div>
            {% endwith %}
        {% endif %}
            
        {% if show_inlines_as_tabs %}

            {% for inline_admin_formset in inline_admin_formsets  %}
                {% with inline_admin_formset.opts.verbose_name_plural as tab_name %}
                    <div id="tabcontent-{{ tab_name|slugify }}" class="tabbed-changeform-tabcontent">
                        {% get_admin_interface_inline_template inline_admin_formset.opts.template as inline_template %}
                        {% include inline_template %}
                    </div>
                {% endwith %}
            {% endfor %}
        {% endif %}
        <script type="text/javascript" id="admin-interface-tabbed-changeform-script" src="{% static 'admin_interface/tabbed-changeform/tabbed-changeform.js' %}"></script>

    {% endif %}

{% endblock %}


{% block after_field_sets %}{% endblock %}

{% block inline_field_sets %}
    {% get_admin_interface_setting "show_inlines_as_tabs" as show_inlines_as_tabs %}
    {% if not show_inlines_as_tabs %}
        {% for inline_admin_formset in inline_admin_formsets %}
            {% include inline_admin_formset.opts.template %}
        {% endfor %}
    {% endif %}

{% endblock %}

[fabiocaccamo]

Hi @giadasp
thank you very much for reporting this problem, could you open an issue for it including the same details please?