Table inside TabPanel

Published by: jane 2010-03-13

Two-way data binding using FormView on TabPanel - ASP.NET Forums::
10 posts - 8 authors - Last post: Feb 21Looking at your code you have the tabpanel inside the formview. For instance , you cannot use <asp:Table> for the form layout but have to
http://66.129.67.4/t/1073244.aspxHOME

ContentPanel with FitLayout has Table inside it. Then I add this ContentPanel to TabPanel.
In IE6 and FF3 I can't see vertical scroll bar in table. I suppose that it is hidden not by overflow: hidden, but it is positioned out of the screen. May be it is caused by
ul.x-tab-strip {
display:block;
width:5000px;
}

in ext-all.css

If you post some test code I will take a look.

this class demonstrates my problem in IE6 and FF3:

public class Test extends LayoutContainer implements EntryPoint {
public void onModuleLoad() {
Viewport v = new Viewport();
v.setLayout(new FitLayout());
v.add(this);
RootPanel.get().add(v);
}

private ContentPanel north = new ContentPanel();
private ContentPanel west = new ContentPanel();
private ContentPanel center = new ContentPanel();
private ContentPanel east = new ContentPanel();
private ContentPanel south = new ContentPanel();

protected void onRender(Element element, int i) {
super.onRender(element, i);

createBorderLayout();

addTabPanel();
}

private void createBorderLayout() {
setLayout(new BorderLayout());

BorderLayoutData northData = new BorderLayoutData(Style.LayoutRegion.NORTH, 100);
northData.setCollapsible(true);
northData.setFloatable(true);
northData.setSplit(true);
northData.setMargins(new Margins(5, 5, 0, 5));

BorderLayoutData westData = new BorderLayoutData(Style.LayoutRegion.WEST, 200);
westData.setSplit(true);
westData.setCollapsible(true);
westData.setMargins(new Margins(5));

BorderLayoutData centerData = new BorderLayoutData(Style.LayoutRegion.CENTER);
centerData.setMargins(new Margins(5, 0, 5, 0));

BorderLayoutData eastData = new BorderLayoutData(Style.LayoutRegion.EAST, 200);
eastData.setSplit(true);
eastData.setCollapsible(true);

D2WTabInspectPage (WebObjects 5.2.3 Reference Documentation)::
Returns a String containing the number of HTML table rows spanned by the vertical rule within the current tab panel. Overrides: defaultRowspan in class
http://developer.apple.com/documentation/WebObjects/Reference/API5.2.3/com/webobjects/directtoweb/D2WTabInspectPage.htmlHOME

Creating a Semantic Tab Box — Without AJAX — The Mozmonkey Blog::
Mar 15, 2006 If I clear the ‘tab panel’ box then I end up without a horizontal H2 class. In IE, I have inserted a table on two of the tabs.
http://blog.mozmonkey.com/2006/creating-a-semantic-tab-box-without-ajax/HOME

eastData.setMargins(new Margins(5));

BorderLayoutData southData = new BorderLayoutData(Style.LayoutRegion.SOUTH, 100);
southData.setSplit(true);
southData.setCollapsible(true);
southData.setFloatable(true);
southData.setMargins(new Margins(0, 5, 5, 5));

add(north, northData);
add(west, westData);
add(center, centerData);
add(east, eastData);
add(south, southData);
}

private void addTabPanel() {
VerticalPanel panel = new VerticalPanel();
TabPanel tabPanel = new TabPanel();
TabItem tabItem = new TabItem("Table");
tabItem.add(createPagingTable());
tabPanel.add(tabItem);
tabPanel.setHeight(400);
panel.add(tabPanel);

modules:gallery [SilverStripe Documentation]::
Create a GalleryPage.ss file inside themes/your_themes/templates/Layout/ and To manage the gallery layout, you have to go in the tab panel Gallery.
http://doc.silverstripe.com/doku.php?id=modules:galleryHOME

TabPanel GWT::
TabPanel panel = new TabPanel(); FlowPanel flowpanel; setSize(”500px”, “ 250px”); panel.addStyleName(”table-center”); RootPanel.get(”demo”).add(panel);
http://www.eecho.info/Echo/ajax/tabpanel-gwt/HOME

ButtonBar buttonBar = new ButtonBar();
buttonBar.setButtonAlign(Style.HorizontalAlignment .LEFT);
Button deleteAccount = new Button("Hello");
buttonBar.add(deleteAccount);
panel.add(buttonBar);
center.setLayout(new FitLayout());
center.add(panel);
}

public class TestModelData extends BaseModelData {

public TestModelData() {
}

public TestModelData(String value) {
set("value", value);
}

}

private ContentPanel createPagingTable() {
List columns = new ArrayList();

columns.add(new TableColumn("value", "column 1", 100));
columns.add(new TableColumn("value", "column 2", 100));
columns.add(new TableColumn("value", "column 3", 100));

// create the column model
TableColumnModel cm = new TableColumnModel(columns);
Table table = new Table(cm);

table.setBorders(false);
table.setBulkRender(false);
table.setHeight(200);

RpcProxy> proxy = new RpcProxy>() {
@Override
protected void load(PagingLoadConfig loadConfig, final AsyncCallback> callback) {
List result = new ArrayList();
for (int i = 0; i < 50; i++) {
result.add(new TestModelData("value" + i));
}
BasePagingLoadResult pagingResult = new BasePagingLoadResult(result, 0, 50);
callback.onSuccess(pagingResult);
}
};

final BasePagingLoader loader = new BasePagingLoader(proxy);
loader.setRemoteSort(true);
ListStore store = new ListStore(loader);
new TableBinder(table, store);

ContentPanel panel = new ContentPanel();
panel.setBorders(false);
panel.setHeaderVisible(false);
panel.setBodyBorder(false);
panel.setLayout(new FitLayout());
panel.setButtonAlign(Style.HorizontalAlignment.CEN TER);

panel.add(table);

PagingToolBar pagingToolBar = new PagingToolBar(50);
pagingToolBar.bind(loader);
panel.setBottomComponent(pagingToolBar);

DeferredCommand.addCommand(new Command() {
public void execute() {
loader.load(0, 50);
}
});

return panel;
}

}