DHTMLX Docs & Samples Explorer

Details block under the input

To add the details block under an input, use the note attribute.

  • note - (object) creates the details block which is placed under the input
    • text - (string) the text of the block
    • width - (integer) the width of the block
formData = [{
         type: "input", 
         name: "prj_name", 
         label: "Project Name", 
         note: {
	     text: "Enter your project name here. This field is required.",
             width:300
	 }
}];

Related methods

There are 2 methods you can use to set add/remove the note block dynamically:

  • setNote() - adds the note block under the specified input;
  • clearNote() - removes the note block from the input.
myForm.setNote('prj_name', {text:"I'm the note block"});
...
myForm.clearNote('prj_name');