{"action":"created","issue":{"url":"https://api.github.com/repos/ManifestWebDesign/angular-gridster/issues/201","labels_url":"https://api.github.com/repos/ManifestWebDesign/angular-gridster/issues/201/labels{/name}","comments_url":"https://api.github.com/repos/ManifestWebDesign/angular-gridster/issues/201/comments","events_url":"https://api.github.com/repos/ManifestWebDesign/angular-gridster/issues/201/events","html_url":"https://github.com/ManifestWebDesign/angular-gridster/issues/201","id":52440811,"number":201,"title":"How to center multiple tiles horizontally with a fixed width/height","user":{"login":"RobbyChapman","id":3663044,"avatar_url":"https://avatars.githubusercontent.com/u/3663044?v=3","gravatar_id":"","url":"https://api.github.com/users/RobbyChapman","html_url":"https://github.com/RobbyChapman","followers_url":"https://api.github.com/users/RobbyChapman/followers","following_url":"https://api.github.com/users/RobbyChapman/following{/other_user}","gists_url":"https://api.github.com/users/RobbyChapman/gists{/gist_id}","starred_url":"https://api.github.com/users/RobbyChapman/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/RobbyChapman/subscriptions","organizations_url":"https://api.github.com/users/RobbyChapman/orgs","repos_url":"https://api.github.com/users/RobbyChapman/repos","events_url":"https://api.github.com/users/RobbyChapman/events{/privacy}","received_events_url":"https://api.github.com/users/RobbyChapman/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2014-12-19T02:15:45Z","updated_at":"2015-04-24T08:48:51Z","closed_at":null,"body":"By default angular-gridster has what I would consider responsive tiles (gridster-items). The tiles grow and shrink as you resize the browser. This is actually a really cool feature of the framework, but I have an instance where I want the tiles to be a fixed size in pixels. For example, I would like a 1 by 1 tile to map to 280px. I started off by setting colWidth from ‘auto’ to 280. This does the trick, but the tiles are not centered anymore(imagine you have 4 tiles in 1 row, by default these tiles are aligning to the left, but I want them to be spread evenly across the row).\r\n\r\nHere is a fiddle that explains my use case:\r\n\r\nhttp://jsfiddle.net/RobbyChaps/08ubyee2/36/embedded/result/\r\n\r\nAngular-Gridster is acting exactly how I would expect; I just need to find a clean way to center the tiles so that each tile is spaced evenly across the screen at a fixed pixel width/height. I tried to dynamically adjust the margins property of gridsterConfig, but by adjusting the margins, the tile changes it's size, which is not desirable."},"comment":{"url":"https://api.github.com/repos/ManifestWebDesign/angular-gridster/issues/comments/95856189","html_url":"https://github.com/ManifestWebDesign/angular-gridster/issues/201#issuecomment-95856189","issue_url":"https://api.github.com/repos/ManifestWebDesign/angular-gridster/issues/201","id":95856189,"user":{"login":"ashanvabs","id":3455126,"avatar_url":"https://avatars.githubusercontent.com/u/3455126?v=3","gravatar_id":"","url":"https://api.github.com/users/ashanvabs","html_url":"https://github.com/ashanvabs","followers_url":"https://api.github.com/users/ashanvabs/followers","following_url":"https://api.github.com/users/ashanvabs/following{/other_user}","gists_url":"https://api.github.com/users/ashanvabs/gists{/gist_id}","starred_url":"https://api.github.com/users/ashanvabs/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ashanvabs/subscriptions","organizations_url":"https://api.github.com/users/ashanvabs/orgs","repos_url":"https://api.github.com/users/ashanvabs/repos","events_url":"https://api.github.com/users/ashanvabs/events{/privacy}","received_events_url":"https://api.github.com/users/ashanvabs/received_events","type":"User","site_admin":false},"created_at":"2015-04-24T08:48:51Z","updated_at":"2015-04-24T08:48:51Z","body":"+1"}}