_Form

<link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
<link href="vendor/kartik-v/bootstrap-tabs-x/css/bootstrap-tabs-x.min.css" media="all" rel="stylesheet" type="text/css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.js"></script>
<script src="vendor/kartik-v/bootstrap-tabs-x/js/bootstrap-tabs-x.min.js" type="text/javascript"></script>
<?php

use yii\helpers\Html;
use yii\widgets\ActiveForm;
use wbraganca\dynamicform\DynamicFormWidget;
use backend\models\Model;
use kartik\tabs\TabsX;

/* @var $this yii\web\View */
/* @var $model app\models\Karyawan */
/* @var $form yii\widgets\ActiveForm */
?>
<div class="karyawan-form">

    <?php $form = ActiveForm::begin(['id' => 'dynamic-form']); ?>
    <div class="row">

            <?= $form->field($model, 'nik')->textInput(['maxlength'=>10,'style'=>'width:100px']) ?>


            <?= $form->field($model, 'nama')->textInput(['maxlength'=>35,'style'=>'width:150px']) ?>


            <?= $form->field($model, 'alamat')->textInput(['maxlength'=>255,'style'=>'width:250px']) ?>

    </div>

    <legend>Kelengkapan Data</legend>
<!-- tabs -->
<div class="tabs-x align-center tabs-above tab-bordered">
    <ul class="nav nav-tabs">
        <li class="active"><a href="#one2" data-toggle="tab">Keluarga</a></li>
        <li><a href="#two2" data-toggle="tab">Pendidikan</a></li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane active" id="one2">



    <div class="panel-body">
             <?php DynamicFormWidget::begin([
                'widgetContainer' => 'dynamicform_wrapper', // required: only alphanumeric characters plus "_" [A-Za-z0-9_]
                'widgetBody' => '.container-items', // required: css class selector
                'widgetItem' => '.item', // required: css class
                'limit' => 8, // the maximum times, an element can be cloned (default 999)
                'min' => 1, // 0 or 1 (default 1)
                'insertButton' => '.add-item', // css class
                'deleteButton' => '.remove-item', // css class
                'model' => $modelsKeluarga[0],
                'formId' => 'dynamic-form',
                'formFields' => [
                    'tingkat',
                    'nama_sekolah',
                ],
            ]); ?>

            <div class="container-items"><!-- widgetContainer -->
            <?php foreach ($modelsKeluarga as $i => $modelKeluarga): ?>
                <div class="item panel panel-default"><!-- widgetBody -->
                    <div class="panel-heading">
                        <h3 class="panel-title pull-left">Data Keluarga1</h3>
                        <div class="pull-right">
                            <button type="button" class="add-item btn btn-success btn-xs"><i class="glyphicon glyphicon-plus"></i></button>
                            <button type="button" class="remove-item btn btn-danger btn-xs"><i class="glyphicon glyphicon-minus"></i></button>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="panel-body">
                        <?php
                            // necessary for update action.
                            if (! $modelKeluarga->isNewRecord) {
                                echo Html::activeHiddenInput($modelKeluarga, "[{$i}]id_keluarga");
                            }
                        ?>
                        <?= $form->field($modelKeluarga, "[{$i}]nama")->textInput(['maxlength' => true]) ?>
                        <div class="row">
                            <div class="col-sm-6">
                                <?= $form->field($modelKeluarga, "[{$i}]hubungan_kel")->textInput(['maxlength' => true]) ?>
                            </div>

                    </div>
                </div>
            <?php endforeach; ?>
            </div>
            <?php DynamicFormWidget::end(); ?>
        </div>
    </div>
    </div>
        <div class="tab-pane" id="two2">
        <?= $this->render('_form_pen', [
        'modelsPendidikan' => $modelsPendidikan,
        ]) ?>

        </div>
    </div>
</div>

    <div class="form-group">
        <?= Html::submitButton($modelKeluarga->isNewRecord ? 'Create' : 'Update', ['class' => 'btn btn-primary']) ?>
    </div>

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