Bootstrap-tabs Layout

[jorgeiba]

I?m using the bootstap-tabs for my project and i?dont know as include two fields in my layout , i tried included the instructions of this video and i ' cant.

I appreciate your help for this.

Now

future

 

[jorgeiba]

Any idea or tip? Thanks you!

 

[startpoint]

Try with this code

<div class="tab-group">
    <ul class="nav nav-tabs">
        <li class="active"><a data-toggle="tab" href="#tab1">Tab1</a></li>
        <li><a data-toggle="tab" href="#tab1">Tab2</a></li>
    </ul>

    <div class="tab-content">
      <div id="tab1" class="tab-pane fade in active">
        <?php
            $group = $this->groups['group-for-tab1'];
            $this->group = $group;
        ?>
            <fieldset class="<?php echo $group->class; ?>" id="group<?php echo $group->id;?>" style="<?php echo $group->css;?>">
                <?php
                if (!empty($group->intro)) : ?>
                    <div class="groupintro"><?php echo $group->intro ?></div>
                <?php
                endif;
                ?>
                <div class="block-elements">
                <?php
                $this->elements = $group->elements;
                echo $this->loadTemplate($group->tmpl);
                ?>
                </div>
                <?php
                if (!empty($group->outro)) : ?>
                    <div class="groupoutro"><?php echo $group->outro ?></div>
                <?php endif; ?>
            </fieldset>
      </div>
      <div id="tab2" class="tab-pane fade">
        <?php
            $group = $this->groups['group-for-tab-2'];
            $this->group = $group;
        ?>
            <fieldset class="<?php echo $group->class; ?>" id="group<?php echo $group->id;?>" style="<?php echo $group->css;?>">
                <?php
                if (!empty($group->intro)) : ?>
                    <div class="groupintro"><?php echo $group->intro ?></div>
                <?php
                endif;
                ?>
                <div class="block-elements">
                <?php
                $this->elements = $group->elements;
                echo $this->loadTemplate($group->tmpl);
                ?>
                </div>
                <?php
                if (!empty($group->outro)) : ?>
                    <div class="groupoutro"><?php echo $group->outro ?></div>
                <?php endif; ?>
            </fieldset>
      </div>
    </div>
</div>

Change group-for-tab1 and group-for-tab2 with your group names.
IF you have problems with loading tabs try to load bootstrap framework in your template index.php file:

JHtml::_('bootstrap.framework');
JHtml::_('bootstrap.loadCss', true);
JHtml::_('bootstrap.loadCss', false, $this->direction);

 

[jorgeiba]

Thanks you Startpoint!

How are do you include only two element in the red area(foto and name)? This independient of the groups of tabs

Thanks for you help!

 

[startpoint]

Show all form/details data:

echo '<pre>' . var_export($this->data, true) . '</pre>';
//exit;

Get indivudual element name/value:

echo $this->data[table_name___element_name];

 

[jorgeiba]

Thanks you Startpoint!