Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Tenika Lusby on Oct 13, 2009 13:39
open dhtmlx forum
DTHMLXTabbar

Hello, I'm trying to use the tabbar and in the previous version 2.1 was able to use winDflt as the tabstyle. Now, when I use this style it isn't flushed against the top part. It's two lines and leave a gap at the bottom. I've also tried style "default" and it does the same thing.

You can use your example below to recreate it.


<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<title>Tab Test</title>
<script src="dhtmlx/codebase/dhtmlx.js" type="text/javascript"></script>
<link href="dhtmlx/codebase/dhtmlx.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<h1 id="init_tabbar_from_script">Init tabbar from script</h1>
<div id="a_tabbar" style="width:395px; height:390px;"/>
<div id='html_1'><img src="../common/page_a.gif"></div>
<div id='html_2'><img src="../common/page_b.gif"></div>
<script>
tabbar = new dhtmlXTabBar("a_tabbar", "top");
tabbar.setSkin('winDflt');
tabbar.setImagePath("dhtmlx/codebase/imgs/");
tabbar.addTab("a1", "Tab 1-1", "100px");
tabbar.addTab("a2", "Tab 1-2", "100px");
tabbar.addTab("a3", "Tab 1-3", "100px");
tabbar.setContent("a1", "html_1");
tabbar.setContent("a2", "html_2");
tabbar.setContentHTML("a3", "<br/>The content can be set as <b>HTML</b> node or as <b>HTML</b> text.");
tabbar.setTabActive("a1");</script>
</form>
</body>
</html>
Answer posted by Alex (support) on Oct 14, 2009 04:45

Hello,

the correct skin name is "default". Please take a look at the sample in the 2.5 tabbar package dhtmlxTabbar/samples/04_styling/01_skins.html (http://www.dhtmlx.com/docs/products/dhtmlxTabbar/samples/04_styling/01_skins.html on our website).

Please, be sure that you use the latest dhtmlxtabbar.css and images (codebase/imgs/default/).

 

Answer posted by Tenika Lusby on Oct 14, 2009 06:10
I have the latest version 2.5 and as I mentioned I also tried default and still get the same results.  I'm using the runtime version of the images and .css dhtmlxSuite_v25_pro_90904 (2.5).  I have noticed that some things are missing involving the tabbar.  Should I not use this version?
Answer posted by Tenika Lusby on Oct 14, 2009 06:27
The other issue I had the tabbar was using the setOnSelectHandler method.  I get the following error: "Microsoft JScript runtime error: Object doesn't support this property or method".  I had to add dhtmlx_new.js and dhtmlx_new.css.  To get around this.  Now that I'm adding the dhtmlxTabbar folder, this error comes back.
Answer posted by Alex (support) on Oct 15, 2009 02:08

Hello, 

the issue with setting skin isconfirmed. The fixed dhtmlxtabbar.js is sent by email.

Method setOnSelectHandler is deprecated. Try to use the new approach of setting event handlers:

tabbar.attachEvent("onSelect",handler);

Or you can include codebase/ext/dhtmlxtabbar_deprecated.js to use setOnSelectHandler method.