form 3.0 standalone demo with combo and calendar


hi all

enjoy the demo :slight_smile:

(btw, it contain latest form’s code bugfix based on forum, blog and support posts).
demo.zip (68.8 KB)


Stupid question but … how to put a submit button in this example directing to another page?


something like this:

<input type="submit" action="external_page.html">


I dont think so…


cool, the validation and readonly attribute are working finally :slight_smile:

when will be the RTM release ready ? approximately…


Hi, we are evaluating Form with connector and are migrating an application from Form 2 to Form 3.

We encounter a problem with the “calendar” Element:

{type: "calendar", userLanguage: "de", dateFormat: "%d.%m.%Y", width:"80", name: "Beginn", label: "Beginn", readonly: false, options:{ setDateFormat: "%d.%m.%Y", yearsRange: [2010, 2025], isMonthEditable: true, isYearEditable: true, enableTime: false }},

  • The user language is still english.
  • connector sends “01.12.2011” as init-data, which calendar element seems not to understand.
  • on editig the date via calendar the connector is send:

Parameter application/x-www-form-urlencoded 2349_!nativeeditor_status updated 2349_Beginn Tue Mar 08 2011 01:01:00 GMT+0100 <------- ?? Should be 08.03.2011

Are we missing something? Which format has the calendar element to be given?

Another question: We observed that in 3.0 the “bind” attribute isn’t used anymore to map the connector field to the element; instead the “name” of the element is used. Is this true?

Some tips for migrating Form 2->3 would be cool.



it be settings like

{type: "settings", position: "label-left", labelWidth: 120, inputWidth: 160},

to button ??? i needed one or two buttons at right of input field or check-box ?


Dynamic combo with
dhtmlXForm.prototype.items.select.getSelect = function(item) {
return item.childNodes[0].childNodes[1].childNodes[0]; }
var countryobj = kontakt.doWithItem(“country”, “getSelect”);
countryobj.onchange = null;

var co = new dhtmlXComboFromSelect(countryobj);
co.enableFilteringMode(true, “country.php”, true);

how it be in 3.0 ???


3.0 form provides a ready combo implementation and getCombo method.
formData = [

{type: “combo”, name:“country”,…},


var co = kontakt.getCombo(“country”);
co.enableFilteringMode(true, “country.php”, true);

codebase/ext/dhtmlxform_item_combo.js needs being included


thank’s :wink:

how about several input’s or button in one line ???


In form 3.0 you may “newcolumn” element:



sorry don’t have it ;(


You can learn more about the possibilities of dhtmlxForm 3.0 and download the package with samples here: dhtmlx.com/blog/?p=890


thanks :slight_smile: