⚠ In case you've missed it, we have migrated to our new website, with a brand new forum. For more details about the migration you can read our blog post for website migration. This is an archived forum. ⚠

  •     

profile picture

how to work on bootstrap tab on GC



DREON
  • profile picture
  • Member

Posted 11 April 2013 - 13:51 PM

hi, i have a question a bootstrap tab i want on my tab is a show on my a different  grocery crud table with different database table :

 

 

here is my example bootstrap datable:

 

<div class="row-fluid sortable">
                <div class="box span4">
                    <div class="box-header well">
                        <h2><i class="icon-th"></i> Tabs</h2>
                        <div class="box-icon">
                             <a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
                            <a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
                        </div>
                    </div>
                    <div class="box-content">
                        <ul class="nav nav-tabs" id="myTab">
                            <li class="active"><a href="#info">Personal Info</a></li>
                            <li><a href="#custom">Academic info</a></li>
                            <li><a href="#messages">Other</a></li>
                        </ul>
                        
                        <div id="myTabContent" class="tab-content">
                            <div class="tab-pane active" id="info">


                                   <?php echo $output; ?> 

                            </div>
                            <div class="tab-pane" id="custom">


                               <?php echo $output; ?> 

                            </div>
                            <div class="tab-pane" id="messages">


                                <?php echo $output; ?> 

                            </div>
                        </div>
                    </div>
                </div><!--/span-->