Hi,
I'm trying to create a Custom Template with pills/tabs but when I select the pill I want, it doesn't fix and doesn't change the content.
I put the HTML in: Custom Templates->Tables-Specific->View Page->Custom Template
<div class="col-md-9">
<div class="card">
<div class="card-header p-2">
<ul class="nav nav-pills">
<li class="nav-item"><a class="nav-link active" href="#activity" data-toggle="tab">Activity</a></li>
<li class="nav-item"><a class="nav-link" href="#timeline" data-toggle="tab">Timeline</a></li>
<li class="nav-item"><a class="nav-link" href="#settings" data-toggle="tab">Settings</a></li>
</ul>
</div>
<div class="card-body">
<div class="tab-content">
<div class="active tab-pane" id="activity">
<li class="list-group-item">
<b>Teste activity</b> <a class="float-right">1,322</a>
</li>
</div>
<div class="tab-pane" id="timeline">
<li class="list-group-item">
<b>Teste timeline</b> <a class="float-right">1,322</a>
</li>
</div>
<div class="tab-pane" id="settings">
<li class="list-group-item">
<b>Teste settings</b> <a class="float-right">1,322</a>
</li>
</div>
</div>
</div>
</div>
</div>
I put the following script in "Table-Specific->View Page->Client Script" and doesn´t work
I put the following script in "Table-Specific->View Page->Startup Script" and doesn't work too.
$(".nav li").on("click", function(){
$(".nav li").removeClass("active");
$(this).addClass("active");
});
Can you help me?
Thanks