Problems with dhxTabbar inside dhxLayout after we migrated t

Suite and Optimus Suite 5
#1

Hi, We just upgraded to the 2.5 version and we are having some issues even after doing the changes needed for migration according with the documentation.



In the example below when we close a tab it raises an error (please note we are using the dhtmlx full distribution). The error it�s in line 2536 column 385 of dhtmlx.js:



d1.style[this._dx]=w-2+�px�; (at runtime w is NaN).



Also we don�t se the text of the statusbar attached to the layout.



This is the page that shows part of the problems we are facing:









Test





html, body {

width: 100%;

height: 100%;

overflow: hidden;

margin: 0px;

     padding: 0px;

     font-family: verdana, arial, helvetica, sans-serif;

     color: #333;

     background-color: #F4F5EB !important ;

}





















Thanks!

#2

Are you using beta package or final version of 2.5 ?
The same sample is working correctly ( IE8 | FF ) with final version of 2.5, locally.
If issue still occurs for you - please provide info about used browser

>>Also we don�t se the text of the statusbar attached to the layout.
var status = dhxLayout.attachStatusBar();
…
var dhxStatus = dhxLayout.attachStatusBar();

So you attaching status bar twice. Just comment first line and all will work correctly.


Also, you must not use the next commands, when tabbar is attached to layout - it will auto-size automatically.
dhxTabbar.enableAutoSize(true, true);
dhxTabbar.enableAutoReSize(true);
dhxTabbar.enableAutoSize(true, true);

#3

We were able to reconstruct the issue which is described in the first post
As fast solution you can remove second parameter from removeTab command, it will cause a problems if there is no tabs , which can be selected.

If you need an updated version of js file - please contact us directly at support@dhtmlx.com

#4


You are correct about the double statusbar, it was a mistake on our part when doing the page to reproduce the tabbar problem.



Regarding the issue in the tabbar, we will try a fix provided by the dhtmlx support team; it�s not enough to remove second parameter from removeTab command as there are errors even when we use the close icon to close the tabs.

#5


After more exhaustive testing it�s seem than in fact  the tab closing  problem is fixed just removing the second parameter to the removeTab command.



We are having other issues after the migration but at least this fix seems to work and is easy to implement for the issue reported first.

#6


Disregard my last comment. The issue is still open on our side and using removeTab without the second parameter is not a fix for us.



We are waiting for a fix from the support team.

#7

Same Error here:



var dhxLayout40 = dhxtabbarAll._cells(dhxWins2, �all1�).attachLayout(�3L�);



[�]



var dhxtabbarB = dhxLayout40.cells(�b�).attachTabbar(); rechts unten \r\n



Debug says: Error: dhxLayout40 is undefined



Same Error here:



var dhxtabbar = dhxLayout40.cells(�c�).attachTabbar(); rechts unten
[�]



dhxtabbar.setContentHTML(�mdxa2�, mdx);\r\n



Debug says: Error: dhxtabbar is undefined



Any suggestions?


#8

Code here is:

var dhxtabbarAll = dhxLayoutAll.cells(“a”).attachTabbar();
dhxtabbarAll.enableAutoSize(true,true);
dhxtabbarAll.enableTabCloseButton(false);
dhxtabbarAll.setHrefMode(“iframes”);
dhxtabbarAll.setSkinColors("#FCFBFC","#F4F3EE");
dhxtabbarAll.setImagePath(“dhtmlx/dhtmlxTabbar/codebase/imgs/”);

So we’re using iframe mode here.
And where do i have to use parent now?

dhxtabbarAll.addTab(xxx, xxx);
// Workaround in Version 2.5 as Replacement for dhxtabbarAll.enableAutoRow(true);
dhxtabbarAll.normalize();
dhxtabbarAll.setTabActive(“all1”);

var layoutChart = dhxtabbarAll._cells(dhxWins, “all2”).attachLayout(“3L”);
Error occurs here.