I'm using a Master Template accordion style as follows:
The html part:
The Javascript part:
This produces a nice smart phone friendly set of 4 buttons that can be expanded by simply clicking on them:
Capture.JPG
I would like for two of the "tabs" to be open by default. Does anyone know the way to make this happen? I tried adding style="visiblity:visible" into the <div> for the desired grid to appear, but that didn't seem to do anything.
Thanks in advance for the help.
The html part:
Code:
<!--IMPORTANT: If you remove a tab pane from the HTML markup, be sure --> <!--to also make the necessary changes in the associated Javascript --> <!--Accordion --> <div class="A5container" id="{tabId}"> <a id="{tabid}.0.TITLE" class="" href="#">Search</a> <div id="{tabid}.0.PANE" style="visibility:visible;"> {grid.Search_Part} </div> <a id="{tabid}.1.TITLE" class="" href="#">Trips</a> <div id="{tabid}.1.PANE"> {grid.Grid_Part} </div> <a id="{tabid}.2.TITLE" class="" href="#">Expenses</a> <div id="{tabid}.2.PANE"> {LinkedContentSection:BILLGRID} </div> <a id="{tabid}.3.TITLE" class="" href="#">Trip Detail</a> <div id="{tabid}.3.PANE"> {grid.DetailView_Part} </div> </div>
Code:
window['{tabid}Obj'] = new A5.Accordion('{tabid}',[ { html: 'Search', value: '0' }, { html: 'Grid', value: '1' }, { html: 'LinkedContentSection:BILLGRID', value: '2' }, { html: 'Detail View', value: '3' } ], { theme: '{grid.style}', singleBand: false } );
Capture.JPG
I would like for two of the "tabs" to be open by default. Does anyone know the way to make this happen? I tried adding style="visiblity:visible" into the <div> for the desired grid to appear, but that didn't seem to do anything.
Thanks in advance for the help.
Comment