Mit Formular problem bei Tabs

[nookie]

Guten Tag,

ich habe mir vor einigen Monaten ein Admin Theme von http://wrapbootstrap.com gekauft, was auch wunderbar soweit funktioniert. Nun habe ich mir in meiner View ein kleines Tab-Menü gebaut, welches genau ein Formular beinhaltet welches sich über die einzelnen Menüpunkte erstreckt. Bspw. Seite 1: Name, Vorname; Seite 2: Alter, Nickname usw.
Wenn ich die Seite aufrufe erscheinen zunächste alle Formularfelder im ersten Tab, sobald ich aber zwischen den einzelnen Tabs hin und her wechsel ist alles an der richtigen Stelle. Hat jemand eine Idee wie ich das Problem beheben kann oder kennt das Problem? Wie gesagt, ohne Formular und normalen Text-Inhalt funktioniert alles einwandfrei. Firebug zeigt mir auch keinen Fehler an und habe auch extra mehrmals geschaut ob ich nicht irgendwelche Tags falsch geschlossen habe. Wenn der Quelltext benötigt wird werde ich Ihn nachher noch posten.

Danke.

<div class="jarviswidget jarviswidget-sortable" data-widget-custombutton="false" data-widget-fullscreenbutton="false" data-widget-deletebutton="false" data-widget-togglebutton="false" data-widget-editbutton="false" data-widget-colorbutton="false" role="widget">

    <header role="heading">
        <h2><i class="icon-prepend fa fa-user txt-color-blue"></i>&nbsp;Künstler anlegen</h2>
        <ul class="nav nav-tabs pull-right">
            <li class="active">
                <a href="#hr1" data-toggle="tab">
                    <i class="fa fa-lg fa-user"></i>
                    <span class="hidden-mobile hidden-tablet">Allgemein</span>
                </a>
            </li>
            <li>
                <a href="#hr2" data-toggle="tab">
                    <i class="fa fa-lg fa-phone"></i>
                    <span class="hidden-mobile hidden-tablet">Telefonnummern</span>
                </a>
            </li>
            <li>
                <a href="#hr3" data-toggle="tab">
                    <i class="fa fa-lg fa-credit-card"></i>
                    <span class="hidden-mobile hidden-tablet">Bankdaten</span>
                </a>
            </li>
            <li>
                <a href="#hr4" data-toggle="tab">
                    <i class="fa fa-lg fa-eur"></i>
                    <span class="hidden-mobile hidden-tablet">Rechnung</span>
                </a>
            </li>
        </ul>
    </header>
    <div role="content">
        <div class="jarviswidget-editbox"> </div>
        <?php echo $this->form()->openTag($form); ?>
        <div class="widget-body no-padding">
            <div class="tab-content padding-10">
                <div id="hr1" class="tab-pane fade in active">
                    <fieldset>
                        <div class="row">
                            <section class="col col-4">
                                <label class="label"><?php echo $form->get('salutation')->getLabel(); ?></label>
                                <label class="select"><?php echo $this->formElement($form->get('salutation')); ?></label>
                            </section>
                            <section class="col col-4">
                                <label class="label"><?php echo $form->get('firstname')->getLabel(); ?></label>
                                <label class="input"><i class="icon-prepend fa fa-user"></i><?php echo $this->formElement($form->get('firstname')); ?></label>
                            </section>
                            <section class="col col-4">
                                <label class="label"><?php echo $form->get('lastname')->getLabel(); ?></label>
                                <label class="input"><i class="icon-prepend fa fa-user"></i><?php echo $this->formElement($form->get('lastname')); ?></label>
                            </section>
                        </div>
                    </fieldset>
                </div>
                <div id="hr2" class="tab-pane fade in active">
                    <fieldset>
                     ...
                    </fieldset>
                </div>
                <div id="hr3" class="tab-pane fade in active">
                    <fieldset>
                        ...
                    </fieldset>
                </div>
                <div id="hr4" class="tab-pane fade in active">
                    <fieldset>
                     ....
                    </fieldset>
                </div>

            </div>
            <div class="widget-footer">
                <?php
                    echo $this->formButton()->openTag($form->get('submit'));
                    echo $form->get('submit')->getLabel();
                    echo $this->formButton()->closeTag();
                ?>
            </div>

        </div>
        <?php echo $this->form()->closeTag(); ?>
    </div>

</div>

 

[Banana_Jones]

Deine Tabs (.tab-pane) haben alle die Klasse ".active". Da liegt der Hund begraben

 

[nookie]

Oh nein, hab den Wald vor lauter Bäumen nicht gesehen. Ich danke dir. Werde es gleich dierekt ausprobieren!