Fixed #217 Added 'horizontalCssClasses' property for ListRenderer

Author: antkaz

CHANGELOG.md

@@ -3,6 +3,7 @@ Yii2 multiple input change log
 
 2.15.0 (in development)
 =======================
+- #217 added `layoutConfig` property for the ListRenderer
 
 2.14.0
 ======

examples/actions/TabularInputAction.php

@@ -23,7 +23,7 @@ class TabularInputAction extends Action
 {
     public function run()
     {
-        Yii::setAlias('@unclead-examples', realpath(__DIR__ . '/../'));
+        Yii::setAlias('@unclead-examples', dirname(__DIR__) . '/');
 
         $models = $this->getItems();
 

examples/views/tabular-input.php

@@ -1,5 +1,6 @@
 <?php
 
+use unclead\multipleinput\renderers\ListRenderer;
 use yii\bootstrap\ActiveForm;
 use unclead\multipleinput\TabularInput;
 use yii\helpers\Html;
@@ -21,7 +22,14 @@
 <?= TabularInput::widget([
     'models' => $models,
     'modelClass' => Item::class,
+    'rendererClass' => ListRenderer::class,
     'min' => 0,
+    'layoutConfig' => [
+        'offsetClass' => 'col-sm-offset-4',
+        'labelClass' => 'col-sm-4',
+        'wrapperClass' => 'col-sm-4',
+        'errorClass' => 'col-sm-4'
+    ],
     'attributeOptions' => [
         'enableAjaxValidation' => true,
         'enableClientValidation' => false,

src/TabularInput.php

@@ -139,6 +139,15 @@ class TabularInput extends Widget
      */
     public $modelClass;
 
+    /**
+     * @var array CSS grid classes for horizontal layout. This must be an array with these keys:
+     *  - 'offsetClass' the offset grid class to append to the wrapper if no label is rendered
+     *  - 'labelClass' the label grid class
+     *  - 'wrapperClass' the wrapper grid class
+     *  - 'errorClass' the error grid class
+     */
+    public $layoutConfig = [];
+
     /**
      * Initialization.
      *
@@ -206,6 +215,7 @@ private function createRenderer()
             'form'              => $this->form,
             'sortable'          => $this->sortable,
             'enableError'       => $this->enableError,
+            'layoutConfig'      => $this->layoutConfig,
         ];
 
         if ($this->removeButtonOptions !== null) {

src/renderers/BaseRenderer.php

@@ -157,6 +157,15 @@ abstract class BaseRenderer extends BaseObject implements RendererInterface
      */
     public $extraButtons;
 
+    /**
+     * @var array CSS grid classes for horizontal layout. This must be an array with these keys:
+     *  - 'offsetClass' the offset grid class to append to the wrapper if no label is rendered
+     *  - 'labelClass' the label grid class
+     *  - 'wrapperClass' the wrapper grid class
+     *  - 'errorClass' the error grid class
+     */
+    public $layoutConfig = [];
+
     /**
      * @inheritdoc
      */

src/renderers/ListRenderer.php

@@ -194,16 +194,20 @@ public function renderCellContent($column, $index)
 
         $hasError = false;
         $error = '';
+        $layoutConfig = array_merge([
+            'offsetClass' => 'col-sm-offset-3',
+            'labelClass' => 'col-sm-3',
+            'wrapperClass' => 'col-sm-6',
+            'errorClass' => 'col-sm-offset-3 col-sm-6',
+        ], $this->layoutConfig);
+
+        Html::addCssClass($column->errorOptions, $layoutConfig['errorClass']);
 
         if ($index !== null) {
             $error = $column->getFirstError($index);
             $hasError = !empty($error);
         }
 
-        if ($column->enableError) {
-            $input .= "\n" . $column->renderError($error);
-        }
-
         $wrapperOptions = [
             'class' => 'field-' . $id
         ];
@@ -212,13 +216,26 @@ public function renderCellContent($column, $index)
             Html::addCssClass($wrapperOptions, 'has-error');
         }
 
-        $input = Html::tag('div', $input, $wrapperOptions);
+        Html::addCssClass($wrapperOptions, $layoutConfig['wrapperClass']);
 
-        $content = Html::beginTag('div', ['class' => 'form-group list-cell__' . $column->name]);
-        $content .= Html::label($column->title, $id, [
-            'class' => 'col-sm-2 control-label' . (empty($column->title) ? ' sr-only' : '')
+        $content = Html::beginTag('div', [
+            'class' => 'form-group list-cell__' . $column->name . ($hasError ? ' has-error' : '')
         ]);
-        $content .= Html::tag('div', $input, ['class' => 'col-sm-10']);
+
+        if (empty($column->title)) {
+            Html::addCssClass($wrapperOptions, $layoutConfig['offsetClass']);
+        } else {
+            $content .= Html::label($column->title, $id, [
+                'class' => $layoutConfig['labelClass'] . ' control-label'
+            ]);
+        }
+
+        $content .= Html::tag('div', $input, $wrapperOptions);
+
+        if ($column->enableError) {
+            $content .= "\n" . $column->renderError($error);
+        }
+
         $content .= Html::endTag('div');
 
         return $content;