[web2py] One form in multiple tabs

[Annet]

I defined the following table:

db.define_table('scrptNxt',
    Field('nodeID','reference 
node',requires=IS_EMPTY_OR(IS_IN_DB(db,'node.id','%(id)s',zero='Select a 
value')),ondelete='CASCADE',writable=False,readable=False),
    Field('viewID','reference 
view',requires=IS_EMPTY_OR(IS_IN_DB(db,'view.id','%(name)s')),ondelete='RESTRICT',label='View
 
* ',represent=lambda viewID, row: 
db(db.view.id==viewID).select().first().name if viewID else ''),
    Field('moduleID','list:reference 
module',ondelete='RESTRICT',writable=False,readable=False,label='Module * 
'), # requires= defined in function
    Field('BIC',length=16,requires=IS_LENGTH(16,error_message='lengte 
overschreidt 16 tekens'),label='BIC * '),
    Field('IBAN',length=64,requires=IS_LENGTH(64,error_message='lengte 
overschreidt 64 tekens'),label='IBAN * '),
    Field('holder',length=128,requires=IS_LENGTH(128,error_message='lengte 
overschreidt 128 tekens'),label='Tenaamstelling * '),
    
Field('agreedTaC',type='boolean',default=False,requires=IS_NOT_EMPTY(),notnull=True,label=None),
    Field('agreedDirectDebit',type='boolean',default=False,label=None),
    migrate=False)


In a controller I defined the following function:

def scrptNxt():
    
form=SQLFORM(table=db.scrptNxt,deletable=False,showid=False,separator='',formstyle=mybootstrap)
    form.process()
    if form.errors:
        response.flash=response_flash('formerror',session)
    elif not response.flash:
        response.flash=response_flash('form',session)
    return dict(form=form)

In the corresponding view, I want the form to be displayed in tabs, 
something like:

<ul class="nav nav-tabs">
  <li><a data-toggle="tab" href="#tab-1">View</a></li>
  <li><a data-toggle="tab" href="#tab-2">Modules</a></li>
  <li><a data-toggle="tab" href="#tab-3">Bank account</a></li>
  <li><a data-toggle="tab" href="#tab-4">Agree</a></li>
  <li><a data-toggle="tab" href="#tab-5">Confirm</a></li>
</ul>
   
<div class="tab-content">
  {{=form.custom.begin}}
  <div id="tab-1" class="tab-pane">
    {{=form.custom.widget.viewID}}
    # a next button here
  </div> <!-- /tab-pane -->
  <div id="tab-2" class="tab-pane">
    {{=form.custom.widget.moduleID}}
    # a previous and next button here
  </div> <!-- /tab-pane -->
  <div id="tab-3" class="tab-pane">
    {{=form.custom.widget.BIC}}
    {{=form.custom.widget.IBAN}}
    {{=form.custom.widget.holder}}
    # a previous and next button here
  </div> <!-- /tab-pane -->
  <div id="tab-4" class="tab-pane">
    {{=form.custom.widget.agreedTaC}}
    {{=form.custom.widget.agreedDirectDebit}}
    {{=form.custom.widget.submit}}
    {{=form.custom.end}} 
  </div> <!-- /tab-pane -->
  <div id="tab-5" class="tab-pane">
    # confimation message here
  </div> <!-- /tab-pane -->
</div> <!-- /tab-content -->

I have no idea how to code this correctly, I look forward
to your suggestions.

Annet.

-- 

--- 
You received this message because you are subscribed to the Google Groups 
"web2py-users" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to web2py+unsubscr...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.