strange bootstrap tabs behavior after upgrade

Please report bugs and any annoyances here. Kindly include all possible details: steps to reproduce, expected result, actual result, screenshots, ... etc.
Post Reply
R Scott
Posts: 14
Joined: 2018-01-04 18:42

strange bootstrap tabs behavior after upgrade

Post by R Scott » 2021-08-22 00:48

After upgrading from 5.9 to 5.97 I am having a problem with bootstrap tabs.
I realize this issue is not specific to AppGini but possibly the framework it is based on.

I use tabs to separate large forms into manageable segments. The code was working correctly before the upgrade but now when a tab is pressed the content of the second tab appears below a blank area that the first tab previously occupied. I have a fresh copy of newly generated files uploaded to a test server. The only new code is a sample tab container inserted in the DV template. In the pictures below each section of tab content should appear even wit the red arrow. Any suggestions would be helpful.


<fieldset class="form-horizontal">

<h3 align='center'>This is a test of Bootstrap Tabs / Pills</h3>
<div class="container">
<ul id="myTabs" class="nav nav-pills nav-justified" role="tablist" data-tabs="tabs">
<li class="active"><a href="#Tab1" data-toggle="tab">Tab 1</a></li>
<li><a href="#Tab2" data-toggle="tab">Tab 2</a></li>
<li><a href="#Tab3" data-toggle="tab">Tab 3</a></li>
</ul>
<div class="tab-content">
<div role="tabpanel" class="tab-pane fade in active" id="Tab1">Content for Tab 1.</div>
<div role="tabpanel" class="tab-pane fade" id="Tab2">Content for Tab 2.</div>
<div role="tabpanel" class="tab-pane fade" id="Tab3">Content for Tab 3.</div>
</div>
</div>



Image

Image

Image

Post Reply