# "Code View" as another pane with block and design

**URL:** <https://community.thunkable.com/t/code-view-as-another-pane-with-block-and-design/1491210>\
**Category:** Feedback\
**Created:** [September 7, 2021, 12:39am UTC](https://community.thunkable.com/t/code-view-as-another-pane-with-block-and-design/1491210 "2021-09-07T00:39:55Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![valavid7g](https://avatars.discourse-cdn.com/v4/letter/v/96bed5/32.png) [@valavid7g](https://community.thunkable.com/u/valavid7g)\
**Post date:** [September 7, 2021, 12:39am UTC](https://community.thunkable.com/t/code-view-as-another-pane-with-block-and-design/1491210/1 "2021-09-07T00:39:56Z")

</div>

As I’ve become very familiar at designing with thunkable, I felt that productivity would increase with a code viewing pane (maybe in json?) that represents all the components from the design view. This can help with copying and pasting redundant components and their properties and using a object editor such as [jsoneditoronline.org](http://jsoneditoronline.org) to construct the component design layout. An example of software that does this is adobe dreamweaver.

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [September 7, 2021, 1:42pm UTC](https://community.thunkable.com/t/code-view-as-another-pane-with-block-and-design/1491210/2 "2021-09-07T13:42:54Z")

</div>

If this is a feature request then please follow the instructions in the documentation.

> **[📝 Bugs and Feature Requests](https://docs.thunkable.com/bugs-and-feature-requests)**

---

<div class="post-metadata">

**Author:** ![davidfulani520n](https://avatars.discourse-cdn.com/v4/letter/d/919ad9/32.png) [@davidfulani520n](https://community.thunkable.com/u/davidfulani520n)\
**Post date:** [May 8, 2022, 8:03am UTC](https://community.thunkable.com/t/code-view-as-another-pane-with-block-and-design/1491210/3 "2022-05-08T08:03:01Z")

</div>

I want to create sportybet balance adder

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [May 8, 2022, 2:31pm UTC](https://community.thunkable.com/t/code-view-as-another-pane-with-block-and-design/1491210/4 "2022-05-08T14:31:39Z")

</div>

Hi @davidfulani520n If you have a question, please create a new topic and provide details about what you want. It’s helpful to show an example so we understand better.

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [May 8, 2022, 2:31pm UTC](https://community.thunkable.com/t/code-view-as-another-pane-with-block-and-design/1491210/5 "2022-05-08T14:31:43Z")

</div>