2021-07-09 17:53:24 +08:00
|
|
|
HTML helper
|
|
|
|
===========
|
|
|
|
|
|
|
|
Bootstrap führt viele konsistente HTML Strukturen ein, welche es erlauben, verschiedene visuelle Effekte einfach zu verwenden.
|
|
|
|
Ausschliesslich die komplexesten von ihnen sind mittels Widgets in dieser Erweiterung umgesetzt worden. Der Rest kann manuell
|
|
|
|
mittels HTML zusammengestellt werden.
|
2021-08-03 16:22:50 +08:00
|
|
|
Einige spezielle Bootstrap Markups sind implementiert im [[\yii\bootstrap5\Html]]-Helper.
|
|
|
|
Die [[\yii\bootstrap5\Html]]-Klasse ist eine Erweiterung der regulären [[\yii\helpers\Html]]-Klasse mit Anpassungen zur
|
2021-08-05 15:21:05 +08:00
|
|
|
Verwendung mit Bootstrap. Sie bietet verschiedene nützliche Methoden wie z.B.
|
|
|
|
|
|
|
|
- `staticControl()` - erlaubt das erstellen von "[statischen Feldern](https://getbootstrap.com/docs/5.1/forms/form-control/#readonly-plain-text)"
|
2021-07-09 17:53:24 +08:00
|
|
|
|
2021-08-03 16:22:50 +08:00
|
|
|
Die [[\yii\bootstrap5\Html]]-Klasse erbt von der [[\yii\helpers\Html]]-Klasse und ersetzt diese dadurch vollumfänglich.
|
2021-07-09 17:53:24 +08:00
|
|
|
Sie benötigen folglich **nicht** beide in Ihren Views.
|
|
|
|
Beispiel:
|
|
|
|
|
|
|
|
```php
|
|
|
|
<?php
|
2021-08-03 16:22:50 +08:00
|
|
|
use yii\bootstrap5\Button;
|
|
|
|
use yii\bootstrap5\Html;
|
2021-07-09 17:53:24 +08:00
|
|
|
?>
|
|
|
|
<?= Button::widget([
|
|
|
|
'label' => Html::tag('i', ['class' => 'fas fa-check']) . Html::encode('Save & apply'),
|
|
|
|
'encodeLabel' => false,
|
|
|
|
'options' => ['class' => 'btn-primary'],
|
|
|
|
]); ?>
|
|
|
|
```
|
|
|
|
|
2021-08-03 16:22:50 +08:00
|
|
|
> Vorsicht: Verwechseln Sie [[\yii\bootstrap5\Html]] und [[\yii\helpers\Html]] Klassen nicht und bedenken Sie jeweils
|
2021-07-09 17:53:24 +08:00
|
|
|
welche Sie in Ihren Views verwenden.
|