# Scalable text element on a drawing

**URL:** <https://forum.inductiveautomation.com/t/scalable-text-element-on-a-drawing/98805>\
**Category:** Ignition\
**Tags:** perspective, ignition81\
**Created:** [November 19, 2024, 6:57pm UTC](https://forum.inductiveautomation.com/t/scalable-text-element-on-a-drawing/98805 "2024-11-19T18:57:03Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Matt\_Lekity](https://avatars.discourse-cdn.com/v4/letter/m/858c86/32.png) [@Matt\_Lekity](https://forum.inductiveautomation.com/u/Matt_Lekity)\
**Post date:** [November 19, 2024, 6:57pm UTC](https://forum.inductiveautomation.com/t/scalable-text-element-on-a-drawing/98805/1 "2024-11-19T18:57:03Z")

</div>

I am using a drawing to display cell status with a label indicating the name of the cell.

 ![Capture](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/f/5fdca626712950d0dda390a2431e1a8c259da9bc.png)

Currently the way I display the text is a element on the shape with a binding

```python
{
  "type": "text",
  "style": {
    "fill": "#000000",
    "fontWeight": "bold",
    "opacity": 1,
    "overflow": "hidden",
    "whiteSpace": "nowrap",
    "dominant-baseline": "middle",
    "font-size": "1vw",
    "pointer-events": "none",
    "text-anchor": "middle"
  },
  "x": "50%",
  "y": "50%",
  "text": "Palletizer"
}

```

What is the best way to make the entire text visible on the shape and scale with the box size?  
I want the shape to scale with the users resolution and remain fully readable.

Is there a better way overall to display a box or similar over a full plant layout?

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [November 19, 2024, 7:37pm UTC](https://forum.inductiveautomation.com/t/scalable-text-element-on-a-drawing/98805/2 "2024-11-19T19:37:43Z")

</div>

This is Perspective? Add the tag to your question title by selecting it from the dropdown on the right. It will save some confusion.

---

<div class="post-metadata">

**Author:** ![Matt\_Lekity](https://avatars.discourse-cdn.com/v4/letter/m/858c86/32.png) [@Matt\_Lekity](https://forum.inductiveautomation.com/u/Matt_Lekity)\
**Post date:** [November 19, 2024, 7:49pm UTC](https://forum.inductiveautomation.com/t/scalable-text-element-on-a-drawing/98805/3 "2024-11-19T19:49:18Z")

</div>

Missed that step, just updated, thank you!

---

<div class="post-metadata">

**Author:** ![dkhayes117](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/dkhayes117/32/68344_2.png) [@dkhayes117](https://forum.inductiveautomation.com/u/dkhayes117)\
**Post date:** [November 19, 2024, 7:50pm UTC](https://forum.inductiveautomation.com/t/scalable-text-element-on-a-drawing/98805/4 "2024-11-19T19:50:15Z")

</div>

I have not had to do this, but this thread has some good info that seems applicable in part.  
[Perspective - Font Scaling with SVG? - Ignition - Inductive Automation Forum](https://forum.inductiveautomation.com/t/perspective-font-scaling-with-svg/74584)