Dear all,
I am using exhibit to show my data and want to render the items in a custom way.
I am trying to format the items in a custom way using lens. I tried to
use tabpanel provided by ext
library. (http://www.extjs.com) I made some progress there. Tabpanel
does show up and first tab is
activated, but if i click on second tab, nothing happens. If I
programatically activate the second
tab, second tab is activated, but clicking on first tab doesnt activate it.
Below is the code i used in lens:
<div ex:role="viewPanel">
<div ex:role="lens" class="nobelist" style="border-bottom: 4px solid
#930;" width="100%">
<div id="tabs1">
<div id="id1" class="tab-content">
<img class="summary-image" ex:src-content=".url" />
</div>
<div id="id2" class="tab-content">
<img ex:src-content=".url2" />
</div>
</div>
</div>
<div ex:role="view" ex:viewClass="TileView" ex:label="Details"
ex:grouped="false">
</div>
</div>
This is the code for tab panel (adopted from ext tabpanel example itself).
TabsExample = {
init : function(){
var tabs = new Ext.TabPanel('tabs1');
tabs.addTab('id1', "Tab 1");
tabs.addTab('id2', "Tab 2");
tabs.activate('id1');
}
}
Ext.EventManager.onDocumentReady(TabsExample.init, TabsExample, true);
Please let me know if i am doing it wrong or this is not possible in
exhibit lens.
Cheers,
Ashutosh.
_______________________________________________
General mailing list
[email protected]
http://simile.mit.edu/mailman/listinfo/general
