I have a combo with images but the images do not appear. When I inspect the page I see the images path is correct but it is missing the single quotes around the path. Here is how I create my combo…
var ddDue = new dhtmlXCombo(ddDueDIV, "ddDueId", 140, "image");
ddDue.setImagePath(c3.iconPath);
ddDue.setDefaultImage("Round Light White 16 n p.png")
ddDue.load({
options: [
{value: "all", img: "Round Light White 16 n p.png", text: "All (Due)"},
{value: "late", img: "Round Light Purple 16 n p.png", text: "Late"},
{value: "today", img: "Round Light Red 16 n p.png", text: "Today"},
{value: "soon", img: "Round Light Yellow 16 n p.png", text: "Soon (1-7 Days)"},
{value: "later", img: "Round Light Green 16 n p.png", text: "Later (8-15 Days)"},
{value: "future", img: "Round Light Blue 16 n p.png", text: "Future (15-45 Days)"},
{value: "faroff", img: "Round Light Dark Blue 16 n p.png", text: "Far Off (45+ Days)"},
{value: "notset", img: "Round Light White 16 n p.png", text: "Not Set"},
]
});
ddDue.readonly(true);
ddDue.selectOption(0, false);
When I press F12 in Chrome and inspect the combo I see this…
<div class="dhxcombo_image" style="background-image:url(javascript/dhtmlxSuite_v403_pro/codebase/imgs/c3Icons/Round Light Red 16 n p.png);"></div>Notice the single quotes that are missing in the background-image style. It should look like this…
<div class="dhxcombo_image" style="background-image:url('javascript/dhtmlxSuite_v403_pro/codebase/imgs/c3Icons/Round Light Red 16 n p.png');"></div>Am I doing something wrong or is this a bug?