paged-tabs in Flow?

Flow
4

You should use paged-tabs:1.0.1 which is the most recent (there’s no 2.0.0). However, I just checked on Vaadin Directory and the component is not available with Maven for some reason. I’ll ping the team in charge of this and let you know. Meanwhile you can git clone and mvn install [this project]
(https://github.com/alejandro-du/paged-tabs). to install the dependency in your local Maven repository.

5

Alright, 1.0.1 is now available with Maven. Please let me know whether you are able to solve the issue or not.

6

There seems to be a minor problem with the init. When I created 2 tabs eg. tab1 and tab2. When the view first displayed, the tab1 content will be displayed. Clicking on tab2 will display a blank content. However, clicking back on tab1 and then clicking another time on tab2 will then display tab2 content. Is there a way to fix this problem?

7

P Tan, can you share some code?

8

Yes - the project now builds successfully and runs well. Thanks Alejandro.

9

Good to hear. Enjoy the book!

10 
	PagedTabs tabs = new PagedTabs();		
	WeekliesView weekliesview = new WeekliesView();  // VerticalLayout with grid
	SermonsView sermonsview = new SermonsView();     // VerticalLayout with grid

	Tab tabweeklies = new Tab();
	Button btnweeklies = new Button("Weeklies");		
	btnweeklies.setIcon(new Icon(VaadinIcon.OPEN_BOOK));
	tabweeklies.add(btnweeklies);		
	tabs.add(weekliesview, tabweeklies);
	
	Tab tabsermons = new Tab();
	Button btnsermons = new Button("Sermons");
	btnsermons.setIcon(new Icon(VaadinIcon.HEADPHONES));
	tabsermons.add(btnsermons);

	tabs.add(sermonsview, tabsermons);
11

P Tan, I wasn’t able to reproduce the issue. My guess is that the problem might be related to how you are composing the content of the tabs. Can you share a minimal runnable project to reproduce the problem?

12

The tabs were originally working after the component .jar was added for Maven, however once I added a login screen to the project, I am also now experiencing the same problem as P Tan.

Did anyone get to the bottom of that? I currently only have a project utilizing a database… if need be, I can try to create a minimal runnable project.

13

Darren B. Please do share a minimal runnable project and I’ll have a look at the issue.

14

Alejandro - I’ve got a runnable project to demonstrate the issue. How would you like that shared?

15

Thanks! An attached file here should work.

16

Here it is.
17229632.zip (70 KB)

17

Darren, it seems the file is corrupted. Can you please attach it again? (make sure you don’t include compiled code by running mvn clean before creating the zip file).

18

Trying it again
17233579.zip (36.9 KB)

19

Cannot download the file.

20

Sorry - was away on vacation… Another attempt - rename file to .zip and it seems to work for me now.
17252600.zap (36.9 KB)

21

Thanks Darren. Version 1.0.2 should fix the bug. Cheers.

22

Thanks Alejandro - Version 1.0.2 works for me.

23

Alejandro - I’d like to ask, is it realistic to use this component if I require 5-8 tabs on the top level, with each top level tab having 2-5 nested tabs? That is essentially like having 10 (or more) ‘pages’ all on one web page, correct? Most of the nested tabs would also contain a grid (for which I’ve not yet figured out lazy loading (using only JDBC)). Thanks.