Hello
I have to create multiple sqlform.grids in my page
i used bootstrap tabs to load different htmls with different controller functions (each for every grid)
It works ok and does the trick except when I edit record I and click the back button the link is not back to the page it was so I cannot see tabs anymore
I hope I am clear enough.
Is is possible to set the back button address or is there any other way around it?
Thank you
this is my html
my main view
{{ extend 'layout.html' }}
{{include 'web2py_ajax.html'}}
<script>
$(document).ready(function() {
$('#worker_w_note').width(200).height(75);
//glyphicon glyphicon-edit
$('#workers').load('workers.html');
$('#turnusi').load('turnusi.html');
});
</script>
<style>
.affix {
top: 60px;
}
.input-group {
width: 100%;
}
.row {
margin-bottom: 10px;
}
.sectionHeader {
margin-bottom: 0;
}
</style>
<div class="tabbable" style="margin-bottom: 18px;">
<ul class="nav nav-tabs">
<li class="active"><a href="#workers" data-toggle="tab">Zaposleni</a></li>
<li class=""><a href="#turnusi" data-toggle="tab">Turnusi</a></li>
</ul>
<div class="col-md-12">
<div class="tab-content" style="padding-bottom: 9px; border-bottom: 1px solid #ddd;">
<div class="tab-pane active" id="workers">
</div>
<div class="tab-pane" id="turnusi">
</div>
</div>
</div>
</div>
And the two htmls for my sqlform.grid
{{extend 'layout.html'}}
{{include 'web2py_ajax.html'}}
<style>
.affix {
top: 60px;
}
.input-group {
width: 100%;
}
.row {
margin-bottom: 10px;
}
.sectionHeader {
margin-bottom: 0;
}
</style>
<body>
<div class="col-md-12">
{{=grid_shifts}}
</div>
</body>
{{extend 'layout.html'}}
{{'web2py_ajax.html'}}
<script>
</script>
<style>
.affix {
top: 60px;
}
.input-group {
width: 100%;
}
.row {
margin-bottom: 10px;
}
.sectionHeader {
margin-bottom: 0;
}
</style>
<body>
<div class="col-md-12">
{{=grid_workers}}
</div>
</body>