2016-09-10 6 views
2
<?php $form = ActiveForm::begin(); ?> 

<?= $form->field($model, 'title')->textInput(['maxlength' => true]) ?> 

<?php ActiveForm::end(); ?> 

Wie kann ich das Eingabetextfeld ohne Bootstrap 3 Wrapper-Codes erhalten?Verwenden von ActiveForm ohne Bootstrap-Vorlage in Yii2

Ich verwende einen benutzerdefinierten HTML-Wrapper und wie kann ich meine eigene Vorlage für das Textfeld implementieren?

dank

+0

Sie Ihr CSS-Design verwenden ?? –

+0

Ja, ich möchte Bootstrap CSS nicht verwenden. Ich möchte meine eigenen Klassen verwenden. –

Antwort

4

davon ab, ob Sie divs ändern möchten Klasse oder selbst Eingang.

<?= $form->field($model, 'title', ['options' => ['class' => 'custom_class_div']])->textInput(['class' => 'custom_class_input']) ?> 

Ich habe zwei options gegeben mit Klassen von Bootstrap überschrieben werden.

custom_class_div ersetzt Bootrap für div (Eingangs Eltern). custom_class_input ersetzt Boostrap für Eingabe. Grundsätzlich entfernt es form_group in beiden Fällen, aber in der ersten Option wird es den Teil entfernen, wo Eingabefeld gesamte "Zeile" in übergeordneten div und in zweiten Option wird dies Eingabe selbst ändern (wird immer noch nur 1 Eingabe auf der "Zeile" aber keine Randschatten, kleineres Eingabefeld, usw.).

Wenn Sie keine Klassen, sondern wollen einfach nur Stil verwenden, in div/Eingabeelement, können Sie class mit style, zum Beispiel ersetzen:

<?= $form->field($model, 'title')->textInput(['style' => 'width: 150px']) ?> 
Verwandte Themen