Form block cellCss not working


#1

I am trying to add custom css for a form block but it is not working.

function HR_Employee_Template_Form(r)
{
  return {
    rows: [
      {
        rows: [
          {type: 'input', label: 'First Name'},
          {type: 'input', label: 'First Name'},
        ],
        id: 'tab-personal-'+ r,
        cellCss: 'child-box'
      },

      {
        rows: [
          {type: 'input', label: 'Sur Name'},
          {type: 'input', label: 'Sur Name'},
        ],
        id: 'tab-job-'+r,
        cellCss: 'child-box'
      }
    ]
  }
}

The form works well but when I inspect the element/source I cannot find

child-box

class which has custom css rules. How is that so? I think this is a bug can fix this ASAP? This is just a very very minor bug I hope you can fix this ASAP I need this to work so I can minimize my codes save more Kb’s in size.


#2

Use css property instead of cellCss. See snippet:
https://snippet.dhtmlx.com/azapehxd


#3

thank you so much. this works.

I did see the css property (param) in the 6.2 documentation for form control and block seems to be missing in this url https://docs.dhtmlx.com/suite/form__controls_list.html

block

Any way, thank you. this works.