Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Stan on Oct 19, 2007 13:03
open dhtmlx forum
dhmtlxCombo integration with dhtmlxTabbar

Hi,

We just integrated Combo box into the TabBar control and found that the list box does not close if user clicks anywhere within the Tab itself. To close list box control had to click outside of the TabBar anywhere in the browser window.

Steps to reproduce: 1- click on the dropdown list image; 2 - click anywhere within the tab control itself.
3- the lis box remains open.


Here is our sample html page to reproduce the above:

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

    <script type="text/javascript" src="./js/dhtmlXCommon.js"></script>
    <script type="text/javascript" src="./js/dhtmlXCombo.js"></script>
    <script type="text/javascript" src="./js/dhtmlXTabbar.js"></script>
    <link rel="STYLESHEET" type="text/css" href="./css/dhtmlXCombo.css">
    <link rel="STYLESHEET" type="text/css" href="./css/dhtmlXTabbar.css">

    <script>
        window.dhx_globalImgPath="./img/";
    </script>    

    <script>
        function onLoad() {
         tabbar=new dhtmlXTabBar("tabpanel","top");
tabbar.setImagePath(window.dhx_globalImgPath);
tabbar.addTab("facility_tab","Facility","100px");
tabbar.setTabActive("facility_tab");
     tabbar.setContent("facility_tab","facilityTab");

         z=new dhtmlXCombo("combo","rsk_typ_c", 90);
         z.addOption([[1,"Internal"],[2, "Advised"],[3,"Committed"],[4,"Committed"]]);
        }
    </script>
</head>

<body onload="onLoad()">
<div id="tabpanel" style="width:400px; height:400px; overflow:hidden;"></div>

<div id="facilityTab" style="height:300px">
    <div id="combo"></div>
    <input type="text" size=11 />
</div>
</body>
</html>


What can we do to change this to a standard behavior (clicking outside of the dropdown closes the box)?


Thanks a lot,
Stan.
Answer posted on Oct 22, 2007 02:10
Problem confirmed and fixed, please contact as directly at dhtmlx@scand.com - I will provide you fixed files ( if you obtain pro. versions - please include products regristration numbers in email )