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>