Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Mat on Dec 10, 2008 14:32
open dhtmlx forum
Testing Combo [with option images] against Tabbar`

Hello,

I am seeing an issue when using the combo and tabbar at the same time..
--The problem is that the images show up in all the tabs.
::Obviuosly, the expected behavior would be to only show up only in the tab the combo resides in.

Maybe there is something wrong with how I am using? As far as I can tell, it looks OK.

I will simply post the code rather than trying to further explain:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>Testing Combo [with option images] against Tabbar</title>
    <link rel="stylesheet" type="text/css" href="include/javascript/dhtmlx/dhtmlxTabbar/dhtmlxtabbar.css"/>
    <script type="text/javascript">
        window.dhx_globalImgPath = "include/javascript/dhtmlx/dhtmlxCombo/imgs/";
    </script>
    <link rel="STYLESHEET" type="text/css" href="include/javascript/dhtmlx/dhtmlxCombo/dhtmlxcombo.css"/>
    <script type="text/javascript" src="include/javascript/dhtmlx/dhtmlxCombo/dhtmlxcommon.js"></script>
    <script type="text/javascript" src="include/javascript/dhtmlx/dhtmlxCombo/dhtmlxcombo.js"></script>
    <script type="text/javascript" src="include/javascript/dhtmlx/dhtmlxCombo/ext/dhtmlxcombo_extra.js"></script>
    <script type="text/javascript" src="include/javascript/dhtmlx/dhtmlxTabbar/dhtmlxtabbar.js"></script>
    <script type="text/javascript" src="include/javascript/dhtmlx/dhtmlxTabbar/dhtmlxtabbar_start.js"></script>
</head>
<body>
    <div id="a_tabbar" class="dhtmlxTabBar" imgpath="include/javascript/dhtmlx/dhtmlxTabbar/imgs/" style="width:auto; height:auto;" skinColors="#FCFBFC,#F4F3EE" >
        <div id="a1" name="first" class="dhx_tabcontent_sub_zone">
            <div id="holder" style="margin-top:30px; margin-left:30px;">
                <select id="cbo_type" name="targetTypeId" style="width:200px; height:30px;" opt_type="image">            
                    <option value="111" img_src="images/icon-singleuser.png" >USER</option>
                    <option value="333" img_src="images/icon-usergroup.png" >GROUP</option>        
                </select>
                <script type="text/javascript">
                    var cboObj = new dhtmlXCombo("cbo_type", "targetTypeId", 200, "image");
                </script>
            </div>
        </div>
        <div id="a2" name="second" class="dhx_tabcontent_sub_zone">
            <div id="holder2" style="margin-top:30px; margin-left:60px;">
                <span><------ Notice that the combo image shows up in the second tab</span>
            </div>
    </div>
</body>
</html>
Answer posted by Support on Dec 11, 2008 05:33
In which browser issue occurs for you ?
The same code works correctly in all major browsers. ( sample attached ) 
Attachments (1)
1229001534.zip94.28 Kb
Answer posted by mat on Dec 11, 2008 07:47

Sorry, I didn't explain myself very well...

I will attach my example.  If you open up my example you can see that I'm trying to use an image in each combo option...  hopefully that clears things up.

To answer your question, I am currently testing with Internet Explorer 7.0.5730.13

Thanks for you help,

Mat

Attachments (1)
cbo_wImg_plusTabber.zip189.09 Kb
Answer posted by Support on Dec 11, 2008 08:36
Most simple solution - add next attribute to tabbar's container

<div id="a_tabbar" enableForceHiding="true" 

It will resolve issue. ( we will try to fix original issue , so in next release you will not need any extra attributes )

Answer posted by mat on Dec 11, 2008 09:22
Awesome, worked perfectly... Thanks again!