Аккордеон в django включить шаблон - PullRequest
Новая
       16

Аккордеон в django включить шаблон

0 голосов
/ 05 мая 2020

** Привет, я использую шаблон include django, чтобы добавить другой шаблон в main. html. вот строка кода, которую я использовал для получения приложения. html. **

{% include "appendix.html" %}

После того, как я использую эту строку кода, мой аккордеон не работает. есть идеи, как это исправить? вот мой полный код для main. html 

{% extends 'adminlte/barebase.html' %}
{% load crispy_forms_tags %}
{% block content %}

    <style type="text/css">
        [data-toggle="collapse"]:after {
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: '\f107';
            font-family: 'Font Awesome\ 5 Free'; 
            font-weight: 900; /* Fix version 5.0.9 */
            transform: rotate(180deg) ;
            transition: all linear 0.25s;
            float: right;
        }   

        [data-toggle="collapse"].collapsed:after {
            transform: rotate(0deg) ;
        }
    </style>
         <div class="card">
                <div class="" style="width:20%,height:20%">
                    <div id="accordion" class="card-body" style="width:20%,height:20%">
                        <div class="title-section m-3">
                            <h5 style="display:inline-block;" class="title-section">Client Information</h5>
                            <a data-toggle="collapse" href="#collapseOne" aria-expanded="true"></a>
                            <hr>
                        </div>
                        <content>
                            <div id="collapseOne" class="row m-2 collapse show" role="tabpanel" aria-labelledby="headingOne">
                                <div class="col-lg-3">
                                    <label>{{form.ClientName|as_crispy_field}}</label>
                                </div>
                                <div class="col-lg-3">
                                    <label>{{form.TaxRef|as_crispy_field}}</label>
                                </div>
                                <div class="col-lg-3">
                                    <label>{{ form.Period_Employement|as_crispy_field }}</label>
                                </div>
                                <div class="col-lg-3">
                                    <label> {{ form.Basis_Period|as_crispy_field }}</label>
                                </div>
                            </div>
                        </content>
                        <div class="title-section mt-4 m-3">
                            <h5 style="display:inline-block;" class="title-section">Testing</h5>
                            <a data-toggle="collapse" href="#collapseTwo" aria-expanded="true"></a>
                            <hr>
                        </div>
                        <content>
                            {% include "appendix.html" %} 
                        </content>
                    </div>
                </div>
            </div>
{% block content %}

1 Ответ

0 голосов
/ 05 мая 2020

сначала в последней строке - поместите {% endblock%} вместо {% block content%}, и если это не поможет, попробуйте вместо этого {% extends "barebase. html"%} в первой строке, если оба параметра файлы, т.е. main. html и приложение. html, находятся в одной папке

...