Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Michael on Feb 09, 2009 12:57
open dhtmlx forum
dhtmlXCombo - Drop down arrow image not showing

I have a dhtmlx combo box on my page, but the drop down arrow image never shows. Actually, I see it for a split second and then it goes away. Kinda like it recognizes the correct link to the image at first, but then it gets broken.

How do I set this path.

I have tried each of the following commands but they don't seem to make a difference.

ddl.imgURL = "../../DHTMLXSuite/imgs/";
ddl.setDefaultImage("../../DHTMLXSuite/imgs/");

After I see the image for a split second and it goes away, I then right click on the image and look at the path and it is pointing to the wrong directory.

How can I set this?
Answer posted by Alex (support) on Feb 10, 2009 10:26
Could you please provide the sample to recreate the issue ?
Answer posted by Michael on Feb 10, 2009 07:32

There really isn't too much to what I am doing. Here is the code.  The 2 commented out lines were attempts to get the image to show.  My DHTMLXSuite is the folder where all of my .js code, css and images reside.  It was compiled with the libCompiler tool.

The combo_select.gif file is located in the imgs folder.

*******

.js code

*******

var ddlPipelineSegment = dhtmlXComboFromSelect("ddlPipelineSegment");

//ddlPipelineSegment.imgURL = "../../DHTMLXSuite/imgs/";
//ddlPipelineSegment.setDefaultImage("../../DHTMLXSuite/imgs/");
ddlPipelineSegment.loadXML("test.xml");
ddlPipelineSegment.enableOptionAutoHeight(1);

********

html

********

<select id="ddlPipelineSegment" name="ddlPipelineSegment" style="width: 200px;"></select>

Answer posted by Michael on Feb 10, 2009 12:32
I got an email saying that there was an update to this, but I do not see one.
Answer posted by Alex (support) on Feb 11, 2009 02:23

The image path is set for the combo using the dhx_globalImgPath variable: 

<script>

window.dhx_globalImgPath="../../DHTMLXSuite/imgs/";

</script>

Please, have a look at the article http://dhtmlx.com/docs/products/dhtmlxCombo/doc/guide.html 
Answer posted by Michael on Feb 11, 2009 06:09
This still does not work.  The image that I said I originally saw for a split second turns out to be the initial <select> control.  The image for the dhtmlxCombo still does not work.  The image path is still looking for the image in the folder where my js file is included.
Answer posted by Alex (support) on Feb 11, 2009 07:02

Please, check that the path to the images is correct.

I have attached the sample. Possibly it will help.

Attachments (1)
combo_image.zip18.15 Kb
Answer posted by Michael on Feb 11, 2009 07:39

Ok I got it. Thanks. 

I moved the window.dhx_globalImgPath code so that it is now before the initialization of the combo box.

window.dhx_globalImgPath="../../DHTMLXSuite/imgs/";
var ddlPipelineSegment = dhtmlXComboFromSelect("ddlPipelineSegment");

Before I had it after the initialization of the combo box, since this is how I would normally do it with the .imgURL property for other controls.  The fact that window.dhx_globalImgPath is a completely seperate object was not registering in my mind at first.  After looking at your sample, I realized my mistake.