1

Quiero el formulario quede bien alineado, el boton create quiero que quede debajo del dropDownList

introducir la descripción de la imagen aquí

Este es el codigo que estoy utilizando

<form>
        <div class="form-row">
            <div class="form-group col-md-4">
                <?= $form->field($model, 'Cedula')->textInput() ?>
            </div>
            <div class="form-group col-md-4">            
                <?= $form->field($model, 'Nombre')->textInput(['maxlength' => true]) ?>
            </div>
            <div class="form-group col-md-4">
                <?= $form->field($model, 'Apellido')->textInput(['maxlength' => true]) ?>
            </div>
            <div class="form-group col-md-4">
                <?=
                $form->field($model, 'fechaNacimiento')->widget(
                        DatePicker::className(), [
                    // inline too, not bad
                    'inline' => false,
                    // modify template for custom rendering
                    //'template' => '<div class="well well-sm" style="background-color: #fff; width:250px">{input}</div>',
                    'clientOptions' => [
                        'autoclose' => true,
                        'format' => 'yyyy-mm-dd'
                    ]
                ]);
                ?>
            </div>
            <div class="form-group col-md-4">
                <?=
                $form->field($model, 'Municipio_idMunicipio')->dropDownList(
                        ArrayHelper::map(Municipio::find()->all(), 'idMunicipio', 'Nombre'), [ 'prompt' => 'Seleccione un municipio',]);
                ?>
            </div>
            <div class="form-group col-md-4">
                <?=
                $form->field($model, 'Area_idArea')->dropDownList(
                        ArrayHelper::map(Area::find()->all(), 'idArea', 'Nombre'), [ 'prompt' => 'Seleccione un area',]);
                ?>
            </div>
            <div class="form-group col-md-4">
                <?=
                $form->field($model, 'Cargo_idCargo')->dropDownList(
                        ArrayHelper::map(Cargo::find()->all(), 'idCargo', 'Nombre'), [ 'prompt' => 'Seleccione un cargo',]);
                ?>
            </div>
            <div class="form-group col-md-4">
                <?= $form->field($model, 'Salario')->textInput() ?>
            </div>
            <div class="form-group col-md-4">
                <?=
                $form->field($model, 'fechaIngreso')->widget(
                        DatePicker::className(), [
                    // inline too, not bad
                    'inline' => false,
                    // modify template for custom rendering
                    //'template' => '<div class="well well-sm" style="background-color: #fff; width:250px">{input}</div>',
                    'clientOptions' => [
                        'autoclose' => true,
                        'format' => 'yyyy-mm-dd'
                    ]
                ]);
                ?>
            </div>
            <div class="form-group col-md-4">
                <?=
                $form->field($model, 'Genero')->dropDownList(
                        /* ['maxlength' => true] */
                        ['Masculino' => 'Masculino', 'Femenino' => 'Femenino',], ['prompt' => 'Genero']
                )
                ?>
            </div>



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

2 respuestas 2

1

Asegurate que todos tus divs esten cerrados, y no hace falta colocar mas clases a tu boton si solo lo colocas afuera del form-row

Mira esta replica de del mismo código en HTML simple

<form>
        <div class="form-row">
            <div class="form-group col-md-4">
                <label for="Cedula">Cedula</label>
                <input type="text" name="cedula" class="form-control">
            </div>
            <div class="form-group col-md-4">            
                <label for="Nombre">Nombre</label>
                <input type="text" name="cedula" class="form-control">
            </div>
            <div class="form-group col-md-4">
                <label for="Apellido">Apellido</label>
                <input type="text" name="cedula" class="form-control">
            </div>
            <div class="form-group col-md-4">
                <label for="fecha">Fecha</label>
                <select name="fecha" id="tasking" class="form-control">
                    <option value="" selected>Seleccione fecha</option>
                    <option value="value1">value1</option>
                </select>
            </div>
            <div class="form-group col-md-4">
                <label for="Municipio_idMunicipio">Municipio_idMunicipio</label>
                <select name="Municipio_idMunicipio" id="Municipio_idMunicipio" class="form-control">
                    <option value="" selected>Municipio_idMunicipio</option>
                    <option value="value">value</option>
                </select>
            </div>
            <div class="form-group col-md-4">
                <label for="Area_idArea">Area_idArea</label>
                <select name="Area_idArea" id="Area_idArea" class="form-control">
                    <option value="" selected>Area_idArea</option>
                    <option value="value">value</option>
                </select>
            </div>
            <div class="form-group col-md-4">
                <label for="Cargo_idCargo">Cargo_idCargo</label>
                <select name="Cargo_idCargo" id="Cargo_idCargo" class="form-control">
                    <option value="" selected>Cargo_idCargo</option>
                    <option value="value">value</option>
                </select>
            </div>
            <div class="form-group col-md-4">
                <label for="Salario">Salario</label>
                <input type="text" name="cedula" class="form-control">
            </div>
            <div class="form-group col-md-4">
                <label for="fecha2">Fecha2</label>
                <select name="fecha" id="tasking" class="form-control" class="form-control">
                    <option value="" selected>Seleccione fecha</option>
                    <option value="value1">value1</option>
                </select>
            </div>
            <div class="form-group col-md-4">
                <label for="Genero">Genero</label>
                <select name="Genero" id="Genero" class="form-control">
                    <option value="" selected>Genero</option>
                    <option value="value">value</option>
                </select>
            </div>
        </div> <!-- cierre de form-row -->
        <!-- dejo fuera a submit -->
        <div class="form-group">
            <input type="submit" value="Enviar" class="btn btn-success">
        </div>
    </form>
0

Especifica que el div tome la anchura completa con col-lg-12

            <div class="form-group col-lg-12">
            <?= Html::submitButton($model->isNewRecord ? 'Create' : 'Update', ['class' => $model->isNewRecord ? 'btn btn-success' : 'btn btn-primary']) ?>
            </div>
2
  • Nada amigo, sigue lo mismo
    – John Doe
    Commented el 12 mar. 2018 a las 20:43
  • Edite la respuesta, chécalo a ver si te funciona Commented el 12 mar. 2018 a las 20:52

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.