# Text field warp inside template

**URL:** <https://forum.inductiveautomation.com/t/text-field-warp-inside-template/18270>\
**Category:** Ignition\
**Created:** [June 2, 2018, 11:16pm UTC](https://forum.inductiveautomation.com/t/text-field-warp-inside-template/18270 "2018-06-02T23:16:08Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![tamerplc](https://avatars.discourse-cdn.com/v4/letter/t/d78d45/32.png) [@tamerplc](https://forum.inductiveautomation.com/u/tamerplc)\
**Post date:** [June 2, 2018, 11:16pm UTC](https://forum.inductiveautomation.com/t/text-field-warp-inside-template/18270/1 "2018-06-02T23:16:08Z")

</div>

Hi ,  
I have a text field inside template , this text field have property binding with SQL query to retrieve a description .  
how can i make warp for result of this query  
query  
SELECT Description FROM c1dtcode where DT\_Code =“Machinecode”

---

<div class="post-metadata">

**Author:** ![jonathan.taylor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jonathan.taylor/32/4048_2.png) [@jonathan.taylor](https://forum.inductiveautomation.com/u/jonathan.taylor)\
**Post date:** [June 4, 2018, 2:12pm UTC](https://forum.inductiveautomation.com/t/text-field-warp-inside-template/18270/2 "2018-06-04T14:12:00Z")

</div>

In what way do you want it to warp? Do you want the text box to get bigger depending on the amount of text? Or do you want the text to go on to more than one line?

---

<div class="post-metadata">

**Author:** ![JordanCClark](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jordancclark/32/83362_2.png) [@JordanCClark](https://forum.inductiveautomation.com/u/JordanCClark)\
**Post date:** [June 4, 2018, 2:56pm UTC](https://forum.inductiveautomation.com/t/text-field-warp-inside-template/18270/3 "2018-06-04T14:56:06Z")

</div>

I may be reading this as word wrap. If so, you can’t wrap a Text Field. Consider using a Text Area instead.

---

<div class="post-metadata">

**Author:** ![tamerplc](https://avatars.discourse-cdn.com/v4/letter/t/d78d45/32.png) [@tamerplc](https://forum.inductiveautomation.com/u/tamerplc)\
**Post date:** [June 4, 2018, 7:40pm UTC](https://forum.inductiveautomation.com/t/text-field-warp-inside-template/18270/4 "2018-06-04T19:40:06Z")

</div>

Hi Jonathan , thanks for your reply  
Yes, i am using label as text display for the query result . i want the text to go on to more than one line .  
@JordanCClark  
thanks for you inpunt.  
i i want the text to go on to more than one line. i am using label.  
i you have recommendation please specify .

Thanks  
Tamer

---

<div class="post-metadata">

**Author:** ![JordanCClark](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jordancclark/32/83362_2.png) [@JordanCClark](https://forum.inductiveautomation.com/u/JordanCClark)\
**Post date:** [June 4, 2018, 8:31pm UTC](https://forum.inductiveautomation.com/t/text-field-warp-inside-template/18270/5 "2018-06-04T20:31:58Z")

</div>

Hi tamer,

For a label, you can word wrap by using an html prefix.

```auto
<html>Some text that needs to be wrapped. Because we like things that are easy to read without effort.

```

![](https://us1.discourse-cdn.com/inductiveautomation/original/2X/2/253c52f0cad2e57eec14f1c450fe496cb6f3a7d6.jpg)

---

<div class="post-metadata">

**Author:** ![tamerplc](https://avatars.discourse-cdn.com/v4/letter/t/d78d45/32.png) [@tamerplc](https://forum.inductiveautomation.com/u/tamerplc)\
**Post date:** [June 6, 2018, 6:48pm UTC](https://forum.inductiveautomation.com/t/text-field-warp-inside-template/18270/6 "2018-06-06T18:48:38Z")

</div>

Hi Jordan  
Thanks for your support .it’s seam i didn’t clarify my question in proper way .  
i have text label binding in sql query . query result is a text which i need to warp .  
Select Description from Sideldowntime where code ={PETMachineData.Downtime} and Equipmenet="{PETMachineData.MachineName}"

the result length is not fixed based on description .

 ![](https://us1.discourse-cdn.com/inductiveautomation/original/2X/3/349760a3da70dcc9d37a84ea6eaa90089e5ddb8e.JPG)

---

<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:** [June 6, 2018, 6:51pm UTC](https://forum.inductiveautomation.com/t/text-field-warp-inside-template/18270/7 "2018-06-06T18:51:31Z")

</div>

Use text area instead of a text field. Or move your binding to a custom string property, then use an expression to add `<html>` to the beginning of the description.

---

<div class="post-metadata">

**Author:** ![tamerplc](https://avatars.discourse-cdn.com/v4/letter/t/d78d45/32.png) [@tamerplc](https://forum.inductiveautomation.com/u/tamerplc)\
**Post date:** [June 6, 2018, 6:54pm UTC](https://forum.inductiveautomation.com/t/text-field-warp-inside-template/18270/8 "2018-06-06T18:54:42Z")

</div>

for more clarification  
 ![](https://us1.discourse-cdn.com/inductiveautomation/original/2X/a/a0e30ae5ec0858a0c1323d2441f3d606412dfc9e.JPG)

---

<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:** [June 6, 2018, 7:06pm UTC](https://forum.inductiveautomation.com/t/text-field-warp-inside-template/18270/9 "2018-06-06T19:06:09Z")

</div>

Either limit the description length in the database to match your available gui space, increase the vertical GUI space to accommodate line-wrapping as described above, or dynamically change the font size based on the number of characters to display.

---

<div class="post-metadata">

**Author:** ![tamerplc](https://avatars.discourse-cdn.com/v4/letter/t/d78d45/32.png) [@tamerplc](https://forum.inductiveautomation.com/u/tamerplc)\
**Post date:** [June 6, 2018, 7:19pm UTC](https://forum.inductiveautomation.com/t/text-field-warp-inside-template/18270/10 "2018-06-06T19:19:59Z")

</div>

Thank a lot @pturmel it working as per your recommendation . String Property \>\> Added with expression .  
 ![](https://us1.discourse-cdn.com/inductiveautomation/original/2X/e/e0c5354e267637605035d9dee1b90799854a9dee.JPG)

![](https://us1.discourse-cdn.com/inductiveautomation/original/2X/c/c9f73dcca2ac22f563754cd998554c0fad531193.JPG)

this the power of Ignition different way to do the work 🙂
