{"action":"opened","issue":{"url":"https://api.github.com/repos/troolee/gridstack.js/issues/545","repository_url":"https://api.github.com/repos/troolee/gridstack.js","labels_url":"https://api.github.com/repos/troolee/gridstack.js/issues/545/labels{/name}","comments_url":"https://api.github.com/repos/troolee/gridstack.js/issues/545/comments","events_url":"https://api.github.com/repos/troolee/gridstack.js/issues/545/events","html_url":"https://github.com/troolee/gridstack.js/issues/545","id":184921246,"number":545,"title":"verticalMargin doesn't seem to be working","user":{"login":"csavage1994","id":10222540,"avatar_url":"https://avatars.githubusercontent.com/u/10222540?v=3","gravatar_id":"","url":"https://api.github.com/users/csavage1994","html_url":"https://github.com/csavage1994","followers_url":"https://api.github.com/users/csavage1994/followers","following_url":"https://api.github.com/users/csavage1994/following{/other_user}","gists_url":"https://api.github.com/users/csavage1994/gists{/gist_id}","starred_url":"https://api.github.com/users/csavage1994/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/csavage1994/subscriptions","organizations_url":"https://api.github.com/users/csavage1994/orgs","repos_url":"https://api.github.com/users/csavage1994/repos","events_url":"https://api.github.com/users/csavage1994/events{/privacy}","received_events_url":"https://api.github.com/users/csavage1994/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2016-10-24T18:40:37Z","updated_at":"2016-10-24T18:40:37Z","closed_at":null,"body":"I've been trying to get the `verticalMargin` option to work but have had no success. The code I'm currently running is as follows:\r\n\r\nHTML:\r\n```\r\n<div class=\"grid-stack\">\r\n    <div class=\"grid-stack-item\"\r\n        data-gs-x=\"0\" data-gs-y=\"0\"\r\n        data-gs-width=\"4\" data-gs-height=\"2\">\r\n            <div class=\"grid-stack-item-content\">what can go in here?</div>\r\n    </div>\r\n    <div class=\"grid-stack-item\"\r\n        data-gs-x=\"4\" data-gs-y=\"0\"\r\n        data-gs-width=\"4\" data-gs-height=\"4\">\r\n            <div class=\"grid-stack-item-content scroll\">\r\n            \t<form>\r\n            \t<input type=\"text\">\r\n            \t</form>\r\n            </div>\r\n    </div>\r\n</div>\r\n```\r\n\r\nAnd the JS:\r\n\r\n```\r\n$(function () {\r\n   \r\n    var options = {\r\n        verticalMargin: '2em',\r\n        animate: true\r\n    };\r\n    $('.grid-stack').gridstack(options);\r\n});\r\n```\r\n\r\nAnd the result:\r\n\r\n![image](https://cloud.githubusercontent.com/assets/10222540/19658858/42c8fff6-99ef-11e6-8f1c-d76ebad8b74b.png)\r\n\r\n\r\nI've tried passing in integers and strings, neither of which affect the vertical margins of the grid."}}
{"actor":{"display_login":"csavage1994"}}