change new line

I setup many rows and columns in a form.

My design is firstly to put many items in a row then goto next rows.


   var myForm_1, formData_1;

        formData_1 = [
              
            {
              type : "label",

             list: [            
          {  
            type: "combo",
            label: "Order Type",
             labelWidth : 80,
            inputWidth: 100,
            },

          {
            type: "newcolumn"
        }, 
           {
             labelWidth : 80,
            type: "input",
            name: "Sub Type",
            label: "Sub Type",
             inputWidth: 100,
             offsetLeft : 10,
           },

            {
            type: "newcolumn"
        }, 
            
             {
             labelWidth : 80,
            type: "input",
            name: "Order No.",
            label: "Order No.",
             inputWidth: 100,
              offsetLeft : 10,
           },

        
      

    ]},

But I discover that I need to a space new line then I can add new rows. The code is following :



    formData_1 = [
              
            {

      type : "label",  

        list: [            
       

As a result, I need add a space line after each row.

I want to ask this method is correct ? Any other method ?

Thanks for your help !

For a start try to set margin:

.dhxform_obj_dhx_skyblue div.dhxform_base { margin-bottom: 20px; }

Hi

(…if I correctly understood what you mean)
you can use blocks:

[
{type: “block”, list:[
// separated by {type:“newcolumns”}
]},
{type: “block”, offsetTop: 20, list:[
// separated by {type:“newcolumns”}
]},

]

Andrei,

I can get the result.

Thanks for your help !

Ivan