# UI Designer Text Wrapping

**URL:** <https://community.ofelia.com/t/ui-designer-text-wrapping/8862>\
**Category:** Q&A\
**Created:** [23 November 2017 18:44 UTC](https://community.ofelia.com/t/ui-designer-text-wrapping/8862 "2017-11-23T18:44:18Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![gandhishankar](https://avatars.discourse-cdn.com/v4/letter/g/258eb7/32.png) [@gandhishankar](https://community.ofelia.com/u/gandhishankar)\
**Post date:** [23 November 2017 18:44 UTC](https://community.ofelia.com/t/ui-designer-text-wrapping/8862/1 "2017-11-23T18:44:18Z")

</div>

Hi,

i am using bonita UI Designer and facing some issue on aligning text.  
See the problem in provided link.

[https://imgur.com/uE4p8nI](https://imgur.com/uE4p8nI)

Img 1 : what actually bonita ui designer doing now  
img 2 : what i want exactly… it should wrap to next row

any workaround ?

Thanks

---

<div class="post-metadata">

**Author:** ![gandhishankar](https://avatars.discourse-cdn.com/v4/letter/g/258eb7/32.png) [@gandhishankar](https://community.ofelia.com/u/gandhishankar)\
**Post date:** [27 November 2017 18:29 UTC](https://community.ofelia.com/t/ui-designer-text-wrapping/8862/2 "2017-11-27T18:29:20Z")

</div>

thanks droy… can u provide any code sample… ie. like custom widget

---

<div class="post-metadata">

**Author:** ![Dibyajit.Roy](https://avatars.discourse-cdn.com/v4/letter/d/7ea924/32.png) [@Dibyajit.Roy](https://community.ofelia.com/u/Dibyajit.Roy)\
**Post date:** [24 November 2017 18:24 UTC](https://community.ofelia.com/t/ui-designer-text-wrapping/8862/3 "2017-11-24T18:24:36Z")

</div>

Hello

I hope i understand your problem.  
You need to show the Text in vertical alignment, but you are getting horizontal alignment.  
I can suggest, try using a container with the width of the container set at 12 and the add a text area inside the container. Keep the width at 6.  
Containers can help separate segments.

hope it helps.