Yii Framework Forum: Yii2 + Twig - Yii Framework Forum

Jump to content

Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Yii2 + Twig проблемы с блоками Rate Topic: -----

#1 User is offline   Sasha 

  • Advanced Member
  • PipPipPip
  • Yii
  • Group: Members
  • Posts: 360
  • Joined: 14-December 09
  • Location:Киев

Posted 05 December 2016 - 08:26 AM

всем привет
осваиваю новую для себя тему, yii2+twig. использую basic версию
подключил твиг
'view' => [
            'class' => 'yii\web\View',
            'renderers' => [
                'twig' => [
                    'class' => 'yii\twig\ViewRenderer',
                    'cachePath' => '@runtime/Twig/cache',
                    // Array of twig options:
                    'options' => [
                        'auto_reload' => true,
                    ],
                    'globals' => [
                        'html' => '\yii\helpers\Html',
                    ],
                    //'uses' => ['yii\bootstrap'],
                ],
                // ...
            ],
        ],


в папке protected/views/layouts создал базовый лейаут base.twig

{{ this.beginPage() }}
<!doctype html>
<html lang="{{app.language}}">
<head>
    <meta charset="{{app.charset}}"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    {{ html.csrfMetaTags() | raw }}
    <title>{{ html.encode(this.title) }}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link type="text/css" rel="stylesheet" href="/css/semantic.min.css"  media="screen,projection"/>
    {{ this.head() }}
    {% block stylesheets %}{% endblock %}
</head>
<body>

{% block navbar %}{% endblock %}

<div class="container">
    {{ this.beginBody() }}
    {{ content | raw }}
    {{ this.endBody() }}
</div>

<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="/js/semantic.min.js"></script>
</body>
</html>
{{ this.endPage() }}



в контролере прописал public $layout = 'authorize.twig'; что бы на все экшены использовался этот шаблон.
вот собственно сам authorize.twig

{% extends "@app/views/layouts/base.twig" %}

{% block navbar %}authorize{% endblock %}


затем, в определеной вьюшке мне надо добавить в блок stylesheets еще один файл со стилями
вот сама вьюшка

{{ use('/yii/widgets/ActiveForm') }}
{{ use('/yii/helpers/Html') }}

{% block stylesheets %}
    <link type="text/css" rel="stylesheet" href="/css/form.css"  media="screen,projection"/>
{% endblock %}

<style type="text/css">
    body {
        background-color: #DADADA;
    }
    body > .grid {
        height: 100%;
    }
    .image {
        margin-top: -100px;
    }
    .column {
        max-width: 450px;
    }
</style>

<div class="ui middle aligned center aligned grid">
    <div class="column">
        <h2 class="ui teal image header">
            <img src="" class="image">
            <div class="content">
                Log-in to your account
            </div>
        </h2>
        {#% set form = active_form_begin({
        'id' : 'login-form',
        'options' : {'class' : 'ui large form'},
        }) %#}

        {{ html.beginForm() | raw}}
            <div class="ui stacked segment">
                <div class="field">
                    <div class="ui left icon input">
                        <i class="user icon"></i>
                        {{ html.activeTextInput(model, 'email', {'placeholder': 'E-mail address'}) | raw}}

                    </div>
                </div>
                <div class="field">
                    <div class="ui left icon input">
                        <i class="lock icon"></i>
                        {{ html.activePasswordInput(model, 'password', {'placeholder': 'Password'}) | raw}}

                    </div>
                </div>
                <button type="submit" class="ui fluid large teal submit button">Login</button>
            </div>

            <div class="ui error message">
                {{ html.errorSummary(model) | raw}}
            </div>

        {{ html.endForm() | raw}}

        <div class="ui message">
            New to us? <a href="#">Sign Up</a>
        </div>
    </div>
</div>


но вот стиль не добавляется. можно пнуть в нужную сторону.
что я делаю не так ?
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users