Using dhtmlxTabBar with .NET MVC

Suite and Optimus Suite 5
#1

I have successfully integrated TabBar into a .NET MVC web page displaying images within each tab. However, what I want to display is a view displaying the contents of an SQL table as a table within the tab page, defined by area= HistoryQuarter, controller = History, and view = MensSinglesWinners. I tried to use an iframe using tabbar.setContentHref("t1", "/HistoryQuarter/History/MensSinglesWinners"); but that displayed the complete website on the tab page rather than just the view. In the Scheduler, there is a .load command to load an MVC view; how do I do it in TabBar?

#2

I am further along the discovery trail. I have changed the setContentHref method which is always displaying the full web site to the following code:

tabbar.cells("t1").attachURL("/HistoryQuarter/History/MensSinglesWinners"); tabbar.cells("t2").attachURL("/HistoryQuarter/History/LadiesSinglesWinners");
On open, the first tab is displaying the view I want, but it is not formatted as I would have expected; it displays just plain text. It appears to have ignored the CSS information. If I then select the second tab, I again get the data displayed but without any CSS formatting. The correct display is maintained as I flip between the tabs but without any formatting.

#3

The page is loaded into an iframe as is. And tabbar doesn’t change the content of this page.

It is possible to load the content using Ajax. In this case, you need to set true as the 2nd parameter:
tabbar.cells(“t1”).attachURL(url,true);

#4

Thank you, Alexandra, adding the extra parameter gave me the formatting as defined in the CSS. However, previously I had scroll bars but no formatting, I now have formatting but no scroll bars. I see that the enableScroll command is a Professional command only. enableAutoSize works but gives me a long screen depth. Is there any other way of getting scroll bars?

#5

You need to call showInnerScroll() method after all tabs are added:
tabbar.showInnerScroll()

#6

Thank you so much for your help, Alexandra. The tabbed page really looks a treat. My members will be so impressed.