{"action":"created","issue":{"url":"https://api.github.com/repos/Textalk/angular-schema-form/issues/502","labels_url":"https://api.github.com/repos/Textalk/angular-schema-form/issues/502/labels{/name}","comments_url":"https://api.github.com/repos/Textalk/angular-schema-form/issues/502/comments","events_url":"https://api.github.com/repos/Textalk/angular-schema-form/issues/502/events","html_url":"https://github.com/Textalk/angular-schema-form/issues/502","id":100475931,"number":502,"title":"Multiple field inline with a single label","user":{"login":"leader80","id":73665,"avatar_url":"https://avatars.githubusercontent.com/u/73665?v=3","gravatar_id":"","url":"https://api.github.com/users/leader80","html_url":"https://github.com/leader80","followers_url":"https://api.github.com/users/leader80/followers","following_url":"https://api.github.com/users/leader80/following{/other_user}","gists_url":"https://api.github.com/users/leader80/gists{/gist_id}","starred_url":"https://api.github.com/users/leader80/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/leader80/subscriptions","organizations_url":"https://api.github.com/users/leader80/orgs","repos_url":"https://api.github.com/users/leader80/repos","events_url":"https://api.github.com/users/leader80/events{/privacy}","received_events_url":"https://api.github.com/users/leader80/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-08-12T06:23:11Z","updated_at":"2015-08-12T09:01:23Z","closed_at":null,"body":"Hi All,\r\n\r\nis there a way or did somebody manage to build multiple inline fields with a single label?\r\n\r\nsomething in that form:\r\n![label](https://cloud.githubusercontent.com/assets/73665/9217707/3d742a22-40cb-11e5-860d-f04b4db91f09.jpg)\r\n\r\nConfiguration:\r\n {\r\n      \"type\": \"address-inline\",\r\n      \"labelHtmlClass\": \"col-xs-12 col-md-3\",\r\n\r\n      \"items\":[\r\n        {\r\n          \"type\": \"string\",\r\n          \"key\": \"zip\",\r\n          \"title\":\"PLZ_PLACE\",\r\n          \"placeholder\": \"ZIP place\",\r\n          \"feedback\": false,\r\n          \"fieldDivClass\": \"col-xs-12 col-md-2\",\r\n          \"pattern\": \"^\\\\d{4}$\",\r\n          \"validationMessage\": \"Zip need 4 number\",\r\n          \"required\": true\r\n        },\r\n        {\r\n          \"type\": \"string\",\r\n          \"key\": \"city\",\r\n          \"title\": \"ORT_PLACE\",\r\n          \"placeholder\": \"Ort place\",\r\n          \"feedback\": false,\r\n          \"pattern\": \"^\\\\s*$\",\r\n          \"fieldDivClass\": \"col-xs-12 col-md-7\",\r\n          \"required\": true\r\n        }\r\n      ]\r\n    },\r\nThanks\r\n"},"comment":{"url":"https://api.github.com/repos/Textalk/angular-schema-form/issues/comments/130222427","html_url":"https://github.com/Textalk/angular-schema-form/issues/502#issuecomment-130222427","issue_url":"https://api.github.com/repos/Textalk/angular-schema-form/issues/502","id":130222427,"user":{"login":"TrevorPage","id":1771636,"avatar_url":"https://avatars.githubusercontent.com/u/1771636?v=3","gravatar_id":"","url":"https://api.github.com/users/TrevorPage","html_url":"https://github.com/TrevorPage","followers_url":"https://api.github.com/users/TrevorPage/followers","following_url":"https://api.github.com/users/TrevorPage/following{/other_user}","gists_url":"https://api.github.com/users/TrevorPage/gists{/gist_id}","starred_url":"https://api.github.com/users/TrevorPage/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/TrevorPage/subscriptions","organizations_url":"https://api.github.com/users/TrevorPage/orgs","repos_url":"https://api.github.com/users/TrevorPage/repos","events_url":"https://api.github.com/users/TrevorPage/events{/privacy}","received_events_url":"https://api.github.com/users/TrevorPage/received_events","type":"User","site_admin":false},"created_at":"2015-08-12T09:01:23Z","updated_at":"2015-08-12T09:01:23Z","body":"As it happens, I spent much of yesterday working on exactly this. I managed to succeed using standard Bootstrap and ASF library without any custom CSS.\r\n\r\nFirst, the inline row of fields (with single label) had to be split into its own dedicated element and form definition. (Of course if this is part of a larger form, as it is in my case, then you can place sibling elements above or below to contain the rest of the form objects. They can all share the same model if you want.)\r\n\r\nThe HTML. (Note the `.row` class.)\r\n\r\n```\r\n<div sf-schema=\"schema\" sf-form=\"form_inlineexample\" sf-model=\"model\" class=\"row\"></div>\r\n```\r\n\r\nThe `form` definition (I've started to use some keys and labels etc. from your example):\r\n\r\n```\r\n\r\n        $scope.form_inlineexample = [\r\n            {\r\n                \"key\": \"zip\", \r\n                \"title\": \"Zip\",\r\n                labelHtmlClass: \"col-sm-3\",\r\n                fieldHtmlClass: \"col-sm-2\",\r\n                htmlClass: \"form-horizontal\"\r\n            },\r\n            {\r\n                \"key\": \"city\", \r\n                notitle: true,\r\n                \"fieldAddonLeft\": \"ORT_PLACE\",\r\n                htmlClass: \"col-sm-3\"\r\n            }             \r\n        ];  \r\n  \r\n```\r\n\r\nNote: I don't understand what your `fieldDivClass` is. Is it something custom? It sounds like it's equivalent to the `htmlClass` field.\r\n\r\nThe bottom row here is the kind of thing achieved. (The rows above are created using separate form definitions and form element.)\r\n\r\n![image](https://cloud.githubusercontent.com/assets/1771636/9220259/12cd791e-40d9-11e5-914a-f1b568f7588b.png)\r\n\r\n"}}