Różnice

Różnice między wybraną wersją a wersją aktualną.

--- kartik_formularz [2020/09/08 10:56] – utworzono - edycja zewnętrzna 127.0.0.1
+++ kartik_formularz [2024/09/15 16:22] (aktualna) – edycja zewnętrzna 127.0.0.1
@@ Linia 1: / Linia 1: @@
 ====== Kartik formularz ======
+===== Szablon podstawowy =====
+Zabezpieczenie przed podwójnym kliknięciem
+<code php>
+<?php $form = ActiveForm::begin(['id' => 'form-create']); ?>
+<div class="form-group  float-right">
+    <span id="spin1" class="btn btn-outline-secondary"><i class="fas fa-spinner fa-spin"></i></span>
+    <?= Html::submitButton('Zapisuję się', ['class' => 'btn btn-success','id'=>'sub' ]) ?>
+</div>
+<?php ActiveForm::end(); ?>
+<?php
+$this->registerJs('
+form = $("#form-create");
+$("#spin1").hide();
+$("#sub").on("click", function () {
+    $(this).hide();
+    $("#spin1").show();
+});
+$(form).on("afterValidate", function (event, messages, errorAttributes) {
+    if (errorAttributes.length > 0) {
+        $("#spin1").hide();
+        $("#sub").show();
+    }
+});
+$(window).keydown(function(event) {
+        if((event.keyCode == 13) && !$(event.target).is("textarea")) {
+            event.preventDefault();
+            return false;
+        }
+    });
+');
+</code>
 ===== CKEditor - likwidacja błędu nieaktywnego pola w dialogu =====
 Na końcu formularza
@@ Linia 52: / Linia 90: @@
             ]
         ])->label('Data rozpoczęcia');
+</code>
+===== Wybór dat z podanego zakresu =====
+<code php>
+$form->field($model, 'data_waznosci')->widget(DatePicker::classname(), [
+    'options' => ['placeholder' => 'Data ...'],
+    'pluginOptions' => [
+        'autoclose' => true,
+        'format' => 'yyyy-mm-dd',
+        'startDate' => '2023-07-10',
+        'endDate' => '2023-07-20',
+        ]
+])
 </code>
@@ Linia 179: / Linia 233: @@
 ?>
 </code>
+==== CSS formularz skondensowany ====
+<code php>
+<?php
+$this->registerCSS('
+    .help-block-error{
+        color:red;
+        font-size:smaller;
+    }
+    label{
+        margin-bottom:0px;
+        font-style: italic;
+        color: #555555
+    }
+        .hasDatepicker{
+        padding: 6px;
+    }
+    .form-control, .form-group, input{
+        padding:3px;margin:0px;
+    }
+    label {
+        font-size:0.8rem
+    }
+    input, .form-control,.input-group-prepend{
+    height:28px;
+    }
+    ');
+</code>