# Ignition Perspective 8.1.2: TextArea Component Preview/Display mode rendering

**URL:** <https://forum.inductiveautomation.com/t/ignition-perspective-8-1-2-textarea-component-preview-display-mode-rendering/45835>\
**Category:** Ignition\
**Created:** [April 20, 2021, 10:35pm UTC](https://forum.inductiveautomation.com/t/ignition-perspective-8-1-2-textarea-component-preview-display-mode-rendering/45835 "2021-04-20T22:35:48Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![mudbay](https://avatars.discourse-cdn.com/v4/letter/m/a4c791/32.png) [@mudbay](https://forum.inductiveautomation.com/u/mudbay)\
**Post date:** [April 20, 2021, 10:35pm UTC](https://forum.inductiveautomation.com/t/ignition-perspective-8-1-2-textarea-component-preview-display-mode-rendering/45835/1 "2021-04-20T22:35:48Z")

</div>

This rendering issue using **Perspective** took me by surprise as other components (i.e. Labels) seem to “inherit” styles that are compatible with the environment **styles** and **themes** , but I am struggling with getting the **TextArea** component to render properly.

Any ideas from the community on how best to resolve this? (see below example in Dark theme mode)

BTW: I have played with the Styles properties, but can’t get something that will work and render properly when **themes** are changed between Dark and Light modes for example. I have also tried to move the component to foreground to see if that was an issue, but no change.

 ![Ignition Support Drawings (2)](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/1/b1c5922e27c0a2188d49da633deb4e19ce280797.jpeg)

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [April 20, 2021, 11:11pm UTC](https://forum.inductiveautomation.com/t/ignition-perspective-8-1-2-textarea-component-preview-display-mode-rendering/45835/2 "2021-04-20T23:11:42Z")

</div>

Disabled states don’t render in design mode, but do in runtime/preview nodes, that looks like your issue here

---

<div class="post-metadata">

**Author:** ![mudbay](https://avatars.discourse-cdn.com/v4/letter/m/a4c791/32.png) [@mudbay](https://forum.inductiveautomation.com/u/mudbay)\
**Post date:** [April 21, 2021, 2:54am UTC](https://forum.inductiveautomation.com/t/ignition-perspective-8-1-2-textarea-component-preview-display-mode-rendering/45835/3 "2021-04-21T02:54:28Z")

</div>

Thanks. I had disabled editing of the **TextArea** in hopes that it could render the same way, but it make sense that it would behave this way. I have switched to the **MarkUp** component instead, it is better suited for my application. Thanks again.