Adding the forms groups as navigation list in the sidebar

[mhas16]

I am using Fabrik 3.2.2.
I have a form with multiple groups.
I want to create a navigation list for the groups in the sidebar.
Currently I modified the default.php in default bootstrap template available for the forms.
I added this

<div id="rightbar" class="span3" style="well">
Custom Sidebar for groups
<div class = "well _menu">
<ul class="nav menu">

<?php
foreach ($this->groups as $group) :
$this->group = $group;
?>
<li><a href="#group<?php echo $group->id;?>"><?php echo $group->title;?></a></li>
<?php
endforeach;
?>


</ul>
</div>
</div>
</div>

I was able to get the group titles in the sidebar.
Now I only need to add the links.
I want the same functionality as for the Prev & Next buttons.
Please let me know how can I proceed

 

[troester]

Do you know the bootstrap_tabs template?


gesendet mit Tapatalk

 

[mhas16]

I know about that. It gives tabs at the top.
I am trying to get the same type of tabs like a menu list in the right side.
Could you please let me know how can it be achieved ?

 

[troester]

Do you want to show just the selected group (as in the _tabs template)? (needs JS)
Or do you want to show the complete form (with all groups) and use your right side menu to skip between groups? (needs anchors)

 

[mhas16]

I want to show just the selected group as in _tabs template.
Could you help me with the JS ?

 

[troester]

Use a copy of bootstrap_tabs and do your modifications there:
line 64 something like

<div id="rightbar" class="span3 pull-right" style="well">
Custom Sidebar for groups
<div class = "well _menu">
<ul class="nav menu">
...
</ul>
</div>
</div>

 

[troester]

Currently I modified the default.php in default bootstrap

You shouldn't modify the Fabrik templates directly - your modification will be overridden by the next update.
http://www.fabrikar.com/forums/index.php?wiki/form-and-details-templates/

 

[mhas16]

Thank you for the suggestion.
Using the code from bootstrap_tabs I was able to get the tabs working.
But the Prev & Next buttons at the bottom are not working.
I need to make these buttons also working.
Could you please let me know how can I get this to work in sync with the tabs.