# Perspective Column Layout Stacking Objects Vertically **URL:** \ **Category:** Ignition\ **Created:** [April 26, 2019, 1:15pm UTC](https://forum.inductiveautomation.com/t/perspective-column-layout-stacking-objects-vertically/24414 "2019-04-26T13:15:43Z")\ **Posts on this page:** 7\ **Page:** 1
**Author:** ![brandon.hughes](https://avatars.discourse-cdn.com/v4/letter/b/3e96dc/32.png) [@brandon.hughes](https://forum.inductiveautomation.com/u/brandon.hughes)\ **Post date:** [April 26, 2019, 1:15pm UTC](https://forum.inductiveautomation.com/t/perspective-column-layout-stacking-objects-vertically/24414/1 "2019-04-26T13:15:43Z")
I am having an issue with the column view layout where it stacks objects vertically when viewing them in a webpage. They appear normally in the designer. Any ideas what could be causing this to happen? ![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/b/b8caefc017d51008081d814ddd54a910c4d94802.png) ![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/2/2fe8504674bc6511c0132f7eb49263b6705ed169.png) ---
**Author:** ![grietveld](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/grietveld/32/6984_2.png) [@grietveld](https://forum.inductiveautomation.com/u/grietveld)\ **Post date:** [April 26, 2019, 1:21pm UTC](https://forum.inductiveautomation.com/t/perspective-column-layout-stacking-objects-vertically/24414/2 "2019-04-26T13:21:31Z")
What does the layout look like for the other breakpoints? I’m guessing the web browser screenshot would meet the large breakpoint and that isn’t the one shown. ---
**Author:** ![brandon.hughes](https://avatars.discourse-cdn.com/v4/letter/b/3e96dc/32.png) [@brandon.hughes](https://forum.inductiveautomation.com/u/brandon.hughes)\ **Post date:** [April 26, 2019, 1:26pm UTC](https://forum.inductiveautomation.com/t/perspective-column-layout-stacking-objects-vertically/24414/3 "2019-04-26T13:26:50Z")
The layout is identical for all of the breakpoints. Also, the row/column index of the objects for each breakpoint is the same, (where the top left gauge is at 0,0 & the one to the right of it is at 0,3 for the small, medium, & large breakpoint). I have tried everything I can think of to prevent this from happening with no luck. The vertical stacking happens when I use the column container within a coordinate view as well. ---
**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\ **Post date:** [April 29, 2019, 5:34pm UTC](https://forum.inductiveautomation.com/t/perspective-column-layout-stacking-objects-vertically/24414/4 "2019-04-29T17:34:13Z")
Can you upload/post the view.json file here? Shift + right click the ‘View’ node in the project browser and select ‘Copy JSON’. ---
**Author:** ![brandon.hughes](https://avatars.discourse-cdn.com/v4/letter/b/3e96dc/32.png) [@brandon.hughes](https://forum.inductiveautomation.com/u/brandon.hughes)\ **Post date:** [April 29, 2019, 5:55pm UTC](https://forum.inductiveautomation.com/t/perspective-column-layout-stacking-objects-vertically/24414/5 "2019-04-29T17:55:54Z")
```auto { "custom": {}, "events": null, "params": {}, "permissions": null, "propConfig": null, "props": {}, "root": { "children": [ { "meta": { "name": "Gauge" }, "position": { "breakpoints": [ { "colIndex": 0, "name": "sm", "order": 1, "rowIndex": 0, "span": 1 }, { "colIndex": 0, "name": "md", "order": 1, "rowIndex": 0, "span": 1 }, { "colIndex": 0, "name": "lg", "order": 1, "rowIndex": 0, "span": 1 } ], "height": 56 }, "props": { "backgroundColor": "", "innerAxis": { "color": "#777777", "data": "secondaryValue", "maxValue": 80, "needle": { "color": "#AAAAAA" }, "percentRadius": 85, "show": false, "width": 1 }, "outerAxis": { "color": "#777777", "data": "value", "maxValue": 120, "needle": { "color": "#000000" }, "percentRadius": 100, "ranges": [ { "color": "#77B6D8", "end": 80, "start": 0, "width": 8 }, { "color": "#6E94D7", "end": 105, "start": 80, "width": 12 }, { "color": "#7A6BD5", "end": 120, "start": 105, "width": 16 } ], "show": true, "width": 1 }, "style": { "classes": [] } }, "type": "ia.chart.gauge" }, { "meta": { "name": "Gauge_0" }, "position": { "breakpoints": [ { "colIndex": 3, "name": "sm", "order": 2, "rowIndex": 0, "span": 1 }, { "colIndex": 3, "name": "md", "order": 2, "rowIndex": 0, "span": 1 }, { "colIndex": 3, "name": "lg", "order": 2, "rowIndex": 0, "span": 1 } ], "height": 56 }, "props": { "backgroundColor": "", "innerAxis": { "color": "#777777", "data": "secondaryValue", "maxValue": 80, "needle": { "color": "#AAAAAA" }, "percentRadius": 85, "show": false, "width": 1 }, "outerAxis": { "color": "#777777", "data": "value", "maxValue": 120, "needle": { "color": "#000000" }, "percentRadius": 100, "ranges": [ { "color": "#77B6D8", "end": 80, "start": 0, "width": 8 }, { "color": "#6E94D7", "end": 105, "start": 80, "width": 12 }, { "color": "#7A6BD5", "end": 120, "start": 105, "width": 16 } ], "show": true, "width": 1 }, "style": { "classes": [] } }, "type": "ia.chart.gauge" } ], "meta": { "name": "root" }, "type": "ia.container.column" } } ``` ---
**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\ **Post date:** [April 30, 2019, 4:12pm UTC](https://forum.inductiveautomation.com/t/perspective-column-layout-stacking-objects-vertically/24414/6 "2019-04-30T16:12:30Z")
Your view JSON is working fine for me - the two elements aren’t stacked in designer or in a running session. Can you replicate on different browsers/machines locally? Or contact support, so one of our reps can try to find out what’s unusual about your environment. ---
**Author:** ![brandon.hughes](https://avatars.discourse-cdn.com/v4/letter/b/3e96dc/32.png) [@brandon.hughes](https://forum.inductiveautomation.com/u/brandon.hughes)\ **Post date:** [April 30, 2019, 6:10pm UTC](https://forum.inductiveautomation.com/t/perspective-column-layout-stacking-objects-vertically/24414/7 "2019-04-30T18:10:37Z")
I hadn’t thought of trying a different browser until you mentioned it. I was running the app on version 54.0.2840.99 of Google Chrome. I upgraded to version 70.0.3538.77, and now the objects are showing correctly. Thanks again for the help!