# How do I take JSON and create a View?

**URL:** <https://forum.inductiveautomation.com/t/how-do-i-take-json-and-create-a-view/101363>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [January 24, 2025, 7:47pm UTC](https://forum.inductiveautomation.com/t/how-do-i-take-json-and-create-a-view/101363 "2025-01-24T19:47:54Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![mdemaris](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mdemaris/32/54639_2.png) [@mdemaris](https://forum.inductiveautomation.com/u/mdemaris)\
**Post date:** [January 24, 2025, 7:47pm UTC](https://forum.inductiveautomation.com/t/how-do-i-take-json-and-create-a-view/101363/1 "2025-01-24T19:47:54Z")

</div>

If someone shares the JSON of a view they create, how do I create a view in the Designer from that JSON? I tried to copy the JSON into an empty, newly created view export, then zip the file and import it, but nothing shows up in the Designer.

So I tried again, and this is what I see:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/7/87f305008f780ca70997d2b9879ba0943f19e530.png)

I even renamed the incoming import, but it still does not show.

This is the empty View I pasted the new code into:

```python
{
  "custom": {},
  "params": {},
  "props": {},
  "root": {
    "meta": {
      "name": "root"
    },
    "props": {
      "direction": "column"
    },
    "type": "ia.container.flex"
  }
}

```

The new code I got from [Phil's Integration Toolkit](https://forum.inductiveautomation.com/t/automation-professionals-integration-toolkit-module/74934) page.

Appreciate the help.

---

<div class="post-metadata">

**Author:** ![Iggy\_the\_dog](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/iggy_the_dog/32/71890_2.png) [@Iggy\_the\_dog](https://forum.inductiveautomation.com/u/Iggy_the_dog)\
**Post date:** [January 24, 2025, 8:08pm UTC](https://forum.inductiveautomation.com/t/how-do-i-take-json-and-create-a-view/101363/2 "2025-01-24T20:08:22Z")

</div>

With your JSON copied, and on your blank view, shift+right click on the view in the project browser and you should get an option to 'paste JSON.'

---

<div class="post-metadata">

**Author:** ![mdemaris](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mdemaris/32/54639_2.png) [@mdemaris](https://forum.inductiveautomation.com/u/mdemaris)\
**Post date:** [January 24, 2025, 8:34pm UTC](https://forum.inductiveautomation.com/t/how-do-i-take-json-and-create-a-view/101363/3 "2025-01-24T20:34:18Z")

</div>

Thank Iggy!