Close button tabbar not showing

Suite and Optimus Suite 5
#1

Hello,

I have tabbar object, if i add many tabs (more than 30 tabs), the close button of tab (at the last position) not showing.

tab3.png995×71 2.14 KB

How to fix it ?

Cemang.

#2

tab5.png1565×48 2.07 KB

#3

Hello
What dhx version do you use?

#4

I am using dhx 4.0.3 version

#5

Please, attach demo to test it.
docs.dhtmlx.com/auxiliary_docs__ … pport.html
It was fixed.

#6

Darya Thank You For Your replay.

I tried to modify samples in folder ‘dhtmlxSuite_v403_std/samples/dhtmlxTabbar/02_manipulation/03_adding_deleting.html’

TO :

<html>
<head>
	<title>Adding / deleting tabs</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" type="text/css" href="../../../skins/web/dhtmlx.css"/>
	<script src="../../../codebase/dhtmlx.js"></script>
	<script>
		var myTabbar;
		
		function doOnLoad() {
			myTabbar = new dhtmlXTabBar("my_tabbar");
			myTabbar.enableTabCloseButton(true);
			myTabbar.addTab("a1", "Tab 0-0", null, null, true);
		}
		var tabId = 1; tabIdd = 1;
		function add(pos) {
			var i = new Date().getTime();
			myTabbar.addTab(i, "MY-TAB "+tabId++, null, pos);
			myTabbar.tabs(i).attachHTMLString("MY-TAB "+tabIdd++);
			myTabbar.tabs(i).setActive()		
		}
	</script>
	

</head>
<body onload="doOnLoad();">
	<div id="my_tabbar" style="width:495px; height:190px;"></div>
	<br>
	<input type="button" value="Add new tab at last position" onclick="add(-1);">
</body>
</html>

I am using dhx_web skin. Please try this,

Best Regrads,

Cemang.

#7

Hi Darya,

It worked perfectly if using ‘skyblue’ or ‘terrace’ skin

#8

Hi Darya,

One more problem, when adding tabs till, in Chrome (37.0.2062.124) 43th and FF (32.0.3) 42th tab, the tabs missing but not for its contents.

Cemang.

#9

Hi

please add the following css

.dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_left, .dhxtabbar_base_dhx_web div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_right { width: 20000px; }

if your n-th tab will broken, just increase width. for other skin change ‘web’ to ‘skyblue’ or ‘terrace’ in css names.

I not sure it’s a good idea to show 50 tabs at the same time:

  1. page will overload,
  2. user can have problems with navigating (imagine how easy to find one tab among other 50-100?)
#10

Hi Andrei,

Thank you for your suggestion :smiley: , but still problem of the close button of tab :neutral_face: .

#11

:slight_smile:

then please send us demo or link to support@dhtmlx.com

#12

Andrei,

This is a simple sample, file attached.
tabbar_demo.zip (775 KB)

#13

Hi

sorry seems I misunderstood you. please add right after tabbar init:
myTabbar.conf.tabsOfs = 0;

comment in my prev post (which is gray) is still actual :slight_smile:

#14

Thank You Andrei,

It’s Working, I appreciate it And I will always Remember Your ‘comment (which is gray)’ :slight_smile: .

Best Regrads,

Cemang.