colorpicker on a form inside a tabbar

Suite and Optimus Suite 5
#1

Hi,

I have a colorpicker on a form inside a tabbar. The result is that the colorpicker dosen’t work.

Anyone can help me? This is the code:

  <div id="a_tabbar" style=" margin-left:15px; margin-top:15px; width:1015px; height:550px;"/>
  
  <div id='html_1'>       
    <div id="myForm" style="float:left; width:480px; height:330px;"></div>
  </div>
  
  <div id='html_2'>
    
  </div>

		<script>
		
  var myForm, formData;
  function doOnLoad() {
    formData = [
      {type: "settings", labelWidth: 70},
      {type: "colorpicker", name: "color", label: "Color:", value: "#345abc", imagePath: "dhtmlx/dhtmlxColorPicker/codebase/imgs/"},
      {type: "colorpicker", name: "Background", label: "Background:", value: "#6eea11", imagePath: "dhtmlx/dhtmlxColorPicker/codebase/imgs/"}
    ];
    myForm = new dhtmlXForm("myForm", formData);
  }
		
			tabbar = new dhtmlXTabBar("a_tabbar", "top");
			tabbar.setSkin('dhx_skyblue');
			tabbar.setImagePath("dhtmlx/dhtmlxTabbar/codebase/imgs/");
			tabbar.addTab("a1", "Administrar Marchas", "150px");
			tabbar.addTab("a2", "Moderar Fotos", "150px");
			tabbar.setContent("a1", "html_1");
			tabbar.setContent("a2", "html_2");
			tabbar.setTabActive("a2");

	</script>
#2

Hello,

please see attached demo.
issue fixed, you need to update “dhtmlxform_item_colorpicker.js”, new file included into demo archive.

#3

attachment
03.zip (115 KB)

#4

It works!
Thanks!