Как конвертировать текстовые поля Material в Yii2 textInput с помощью шаблона - PullRequest
Новая
       18

Как конвертировать текстовые поля Material в Yii2 textInput с помощью шаблона

0 голосов
/ 04 ноября 2019

Я хочу преобразовать это текстовое поле в yii2, я использовал шаблон, а также использовал inputTemplate, но я не получил требуемый результат, любая помощь высоко ценится. 

 <div class="input-group">
        <span class="input-group-addon">
          <i class="material-icons">person</i>
        </span>
       <div class="form-line">
        <input type="text" class="form-control" name="username" placeholder="Username" required autofocus>
        </div>
     </div>

Мой код yii2 для этого текстового поля 

 <?= $form->field($model, 'username')
                        ->textInput(
                        [ 'inputTemplate' => '<div class="input-group">
                        <span class="input-group-addon">
                            <i class="material-icons">person</i>
                        </span> <div class="form-line">{input}{label}</div>{error}</div></div>']
                        ) ?>

Требуемый результат

Required Result

Текущий результат

current result

1 Ответ

1 голос
/ 04 ноября 2019

Ваш код имеет {label} после {input}, образец кода материала не имеет метки после ввода, поэтому просто удалите {label} из своего кода: 

<?= $form->field($model, 'username')
->textInput(
    [ 'inputTemplate' => '<div class="input-group">
                    <span class="input-group-addon">
                        <i class="material-icons">person</i>
                    </span> <div class="form-line">{input}</div>{error}</div></div>']
) ?>

Или установите метку формыдо false

    <?= $form->field($model, 'username')
->textInput(
    [ 'inputTemplate' => '<div class="input-group">
                    <span class="input-group-addon">
                        <i class="material-icons">person</i>
                    </span> <div class="form-line">{input}</div>{error}</div></div>']
)->label(false) ?>
...