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
My main html has address http://127.0.0.1:8080/iRazpored/settings/sifranti
but after clicking my back button I am send
to http://127.0.0.1:8080/iRazpored/settings/turnusi
I hope I am clear enough.
Also when I am on edit view tabs are not shown since the url
is http://127.0.0.1:8080/iRazpored/settings/turnusi/edit/shifts
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>
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
My main html has address http://127.0.0.1:8080/iRazpored/settings/sifranti
but after clicking my back button I am send
to http://127.0.0.1:8080/iRazpored/settings/turnusi
I hope I am clear enough.
Also when I am on edit view tabs are not shown since the url
is http://127.0.0.1:8080/iRazpored/settings/turnusi/edit/shifts
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>
