dschnelldavis/angular2-json-schema-form

how to set css in tabarray

AbhishekBorkar04 opened this issue · 0 comments

i am using angularjsonform tabarray .
image
Json for above example is
{
"schema": {
"friends": {
"type": "array",
"items": {
"type": "object",
"title": "Friend",
"properties": {
"nick": {
"type": "string",
"title": "Nickname",
"minLength":10
},
"nick1": {
"type": "string",
"title": "Nickname",
"minLength":10
},
"nick2": {
"type": "string",
"title": "Nickname",
"minLength":10
},
"nick3": {
"type": "string",
"title": "Nickname",
"minLength":10
},

      "animals": {
        "type": "array",
        "items": {
          "type": "string",
          "title": "Animal name"
        }
      }
    }
  }
}

},
"form": [
{
"type": "tabarray",
"items": [
{

  "items": [
    {
      "type": "section",
      "htmlClass": "col-xs-4",
      "items": [
   "friends[].nick"
      ]
    },
    {
      "type": "section",
      "htmlClass": "col-xs-4",
      "items": [
      "friends[].nick1"
      ]
    },
      {
      "type": "section",
      "htmlClass": "col-xs-4",
      "items": [
      "friends[].nick2"
      ]
    },
      {
      "type": "section",
      "htmlClass": "col-xs-4",
      "items": [
      "friends[].nick3"
      ]
    }
  ]
}
]

} ]
}
when i type something all fields are getting green(has-success class) and validation message shift below fields towards right( as shown in image).
Please help.