Important Notice - Forums is archived
To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

TUTORIALVaadin lets you build secure, UX-first PWAs entirely in Java.
Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.
Calling javascript synchronously by Enver Haase, 1 week ago
Hidden Tab in Tabsheet lets surrounding tabs stick to each other
If I hide one tab inside a TabSheet the space between the surrounding tabs is less than between two normal tabs.
We would consider this a cosmetic issue - or is there a reasoning. e.g. should it be visible that a tab was hidden ?
Created with the code from the TabSheet sampler.
https://vaadin.com/docs/-/part/framework/layout/layout-tabsheet.html
Sample code:
final VerticalLayout outerlayout = new VerticalLayout();
outerlayout.addComponent(new Label("Tabsheet Hidden Tab Test with Vaadin Version: " +
com.vaadin.shared.Version.getFullVersion()));
TabSheet sample = new TabSheet();
sample.setHeight(100.0f, Unit.PERCENTAGE);
sample.addStyleName(ValoTheme.TABSHEET_FRAMED);
sample.addStyleName(ValoTheme.TABSHEET_PADDED_TABBAR);
for (int i = 1; i < 8; i++) {
final Label label = new Label("The 5th tab is hidden.", ContentMode.HTML);
label.setWidth(100.0f, Unit.PERCENTAGE);
final VerticalLayout layout = new VerticalLayout(label);
layout.setMargin(true);
Tab currTab = sample.addTab(layout, "Tab " + i);
if (i == 5) { // hide the 5th tab
currTab.setVisible(false);
}
}
outerlayout.addComponent(sample);
outerlayout.setMargin(true);
outerlayout.setSpacing(true);
setContent(outerlayout);
Created an Issue on GitHub: https://github.com/vaadin/framework/issues/10437
Last updated on
You cannot reply to this thread.