# Take existing props.style and turn it into a Style Class

**URL:** <https://forum.inductiveautomation.com/t/take-existing-props-style-and-turn-it-into-a-style-class/115529>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [May 14, 2026, 12:17pm UTC](https://forum.inductiveautomation.com/t/take-existing-props-style-and-turn-it-into-a-style-class/115529 "2026-05-14T12:17:01Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![crumberger](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/crumberger/32/79956_2.png) [@crumberger](https://forum.inductiveautomation.com/u/crumberger)\
**Post date:** [May 14, 2026, 12:17pm UTC](https://forum.inductiveautomation.com/t/take-existing-props-style-and-turn-it-into-a-style-class/115529/1 "2026-05-14T12:17:01Z")

</div>

Is there a simple way to take what you have in the props.style and apply it to a new style class without having to manually enter every field over again?

You don't exactly see what the style class looks like while you're creating it, but you do when you're establishing the props.style in the property editor with the view open. Wouldn't it make more sense to have a paste option somewhere in the style class editor pop-up so that you could take the JSON from the props.style and apply it to the class?

> **[Take existing props.style and turn it into a Style Class | Ignition Features...](https://ideas.inductiveautomation.com/ignition-features-and-ideas/p/take-existing-propsstyle-and-turn-it-into-a-style-class)**
>
> Is there a simple way to take what you have in the props.style and apply it to a new style class without having to manually enter every field over again? You

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [May 14, 2026, 12:45pm UTC](https://forum.inductiveautomation.com/t/take-existing-props-style-and-turn-it-into-a-style-class/115529/2 "2026-05-14T12:45:28Z")

</div>

Pretty good idea. You should write it up on IA [feature request site](https://ideas.inductiveautomation.com/). (Include a link here to help users find it to vote on it.)

---

<div class="post-metadata">

**Author:** ![andrew.budaiev](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/andrew.budaiev/32/72921_2.png) [@andrew.budaiev](https://forum.inductiveautomation.com/u/andrew.budaiev)\
**Post date:** [May 16, 2026, 9:45am UTC](https://forum.inductiveautomation.com/t/take-existing-props-style-and-turn-it-into-a-style-class/115529/3 "2026-05-16T09:45:41Z")

</div>

> [@crumberger](#):
>
> You don't exactly see what the style class looks like while you're creating it, but you do when you're establishing the props.style in the property editor with the view open

Why not? You can apply an empty style class to the element and keep the style class editor open while you experiment -- just click the Apply button to see the changes.