Display webpages in dynamic tabs

Question

The website I'm working with involves a lot of report viewing. The design requirement is such that whenever the user chooses to open another page[from the navigation pane]; instead of replacing the existing page it needs to add another dynamic tab and display the same in the new tab. This is so that the user can go back and forth the tabs and view the necessary reports.

Now I'm not talking about opening the links on a new browser tab, but on the same page with a dynamic tab where the user can simply move back and forth the open dynamic tabs[webpages] quickly.

This was previously implemented using Smart GWT Tabs, but now we want to do away with Smart GWT hence looking for a better alternative to implement the same. Here's a quick image that I've edited to put across my thoughts. It starts off at first with a single tab[home page], adds on tabs which can be switched to later on as and when links are clicked on.The content of webpages that need to be opened in tabs would be mostly in a lot of nested tables, and have quite a bit of javascript to perform various other functions on the information displayed.

What are my best option(s) to achieve this other than SmartGWT or should I be sticking to it? Kindly do point me to where I could learn about the same as well if possible?

Answer 1

ejTab which is a part of Essential Studio for JavaScript can do dynamic tabs. Simple sample showing this:link

The whole suite of controls is available for free through the community license program if you qualify. Note: I work for Syncfusion.

Answer 2

I wrote something like this a few years ago for personal use.

My 🍴 Recipes page looks like:

which toggles back to the standard HTML list:

And another, Quora Answers by Ray Butterworth goes 4 levels deep:
Top -> Religion → Bible → Holy Days -> answers

You're welcome to steal a copy of it.
(If this is for commercial use and it proves useful to the company, you're also welcome to send me a suitable consulting fee. :-)