# Long text in List

**URL:** <https://forums.fusetools.com/t/long-text-in-list/6582>\
**Category:** How-to Discussions\
**Created:** [October 22, 2016, 4:17pm UTC](https://forums.fusetools.com/t/long-text-in-list/6582 "2016-10-22T16:17:41Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Donald](https://avatars.discourse-cdn.com/v4/letter/d/ac8455/32.png) [@Donald](https://forums.fusetools.com/u/Donald)\
**Post date:** [October 22, 2016, 4:17pm UTC](https://forums.fusetools.com/t/long-text-in-list/6582/1 "2016-10-22T16:17:41Z")

</div>

Hi,

i’m look for solution with long text in List …

 ![file](https://s3.us-east-2.amazonaws.com/fuse-legacy-forum-assets/28OFMpC6YhAN-image-1477152809110.52.32.png)

… exist some functional solution, how is it on this screen ?

 ![file](https://s3.us-east-2.amazonaws.com/fuse-legacy-forum-assets/mDdSDXdh9JN2-image-1477152865864.52.58.png)

thnx

---

<div class="post-metadata">

**Author:** ![Anders\_Lassen](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/anders_lassen/32/522_2.png) [@Anders\_Lassen](https://forums.fusetools.com/u/Anders_Lassen)\
**Post date:** [October 23, 2016, 3:30am UTC](https://forums.fusetools.com/t/long-text-in-list/6582/2 "2016-10-23T03:30:34Z")

</div>

[https://www.fusetools.com/docs/fuse/controls/text](https://www.fusetools.com/docs/fuse/controls/text)

You can use either `TextTruncation="Standard"` or `TextWrapping="Wrap"`

---

<div class="post-metadata">

**Author:** ![Donald](https://avatars.discourse-cdn.com/v4/letter/d/ac8455/32.png) [@Donald](https://forums.fusetools.com/u/Donald)\
**Post date:** [October 23, 2016, 1:17pm UTC](https://forums.fusetools.com/t/long-text-in-list/6582/3 "2016-10-23T13:17:09Z")

</div>

Yes, i know about this paramater TextTruncation=“Standard” … but does not work. The text is always same with this parameter and without this parameter. ☹

---

<div class="post-metadata">

**Author:** ![Anders\_Lassen](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/anders_lassen/32/522_2.png) [@Anders\_Lassen](https://forums.fusetools.com/u/Anders_Lassen)\
**Post date:** [October 23, 2016, 2:06pm UTC](https://forums.fusetools.com/t/long-text-in-list/6582/4 "2016-10-23T14:06:36Z")

</div>

Do you want to turn truncation on or off? To turn it off, do `TextTruncation="None"`

---

<div class="post-metadata">

**Author:** ![Donald](https://avatars.discourse-cdn.com/v4/letter/d/ac8455/32.png) [@Donald](https://forums.fusetools.com/u/Donald)\
**Post date:** [October 23, 2016, 2:13pm UTC](https://forums.fusetools.com/t/long-text-in-list/6582/5 "2016-10-23T14:13:19Z")

</div>

I get dynamic list of data from json source … and i need this:

Text is too long in List (my first screenshot):

“Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod”

And i need it automaticly make it shorter (to visible width … my second screenshot):

“Lorem ipsum dolor sit amet, consectetur …”

---

<div class="post-metadata">

**Author:** ![edA-qa\_mort-ora-y](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/eda-qa_mort-ora-y/32/124_2.png) [@edA-qa\_mort-ora-y](https://forums.fusetools.com/u/edA-qa_mort-ora-y)\
**Post date:** [October 24, 2016, 5:47am UTC](https://forums.fusetools.com/t/long-text-in-list/6582/6 "2016-10-24T05:47:31Z")

</div>

Can you provide the UX that creates the list? You might be creating a structure that prevents truncation from happening.

---

<div class="post-metadata">

**Author:** ![Donald](https://avatars.discourse-cdn.com/v4/letter/d/ac8455/32.png) [@Donald](https://forums.fusetools.com/u/Donald)\
**Post date:** [October 24, 2016, 12:07pm UTC](https://forums.fusetools.com/t/long-text-in-list/6582/7 "2016-10-24T12:07:42Z")

</div>

ok it is very simple … this is example with static JSON data source … but it is same with dynamic JSON source

```auto
<Page ux:Class="ListPage">
<Router ux:Dependency="router" />
<JavaScript>
var rows = [
    {
        id: 0,
        name: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor",
        data1: "Lakebed, Utah",
        data2: 10
    },
    {
        id: 1,
        name: "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris",
        data1: "Black Hills, South Dakota",
        data2: 20
    },
    {
        id: 2,
        name: "Duis aute irure dolor",
        data1: "Bergenhagen, Norway",
        data2: 8
    },
    {
        id: 3,
        name: "Excepteur sint occaecat cupidatat",
        data1: "Moriyama, Japan",
        data2: 12
    }
];

function goToDetail(){
  // Open detail page
}
module.exports = {
	rows: rows,
    goToDetail: goToDetail
}
</JavaScript>
    <DockPanel>
        <ScrollView>
            <StackPanel>
                <Rectangle ux:Class="Separator" Height="1" Fill="#fff4" />
                <Each Items="{rows}">
                    <Separator />
                    <Panel HitTestMode="LocalBoundsAndChildren" Clicked="{goToDetail}">
                        <Text Value="{name}" Margin="20" Color="White" TextTruncation="Standard" />
                    </Panel>
                </Each>
                <Separator />
            </StackPanel>
        </ScrollView>
    </DockPanel>
</Page>

```

---

<div class="post-metadata">

**Author:** ![edA-qa\_mort-ora-y](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/eda-qa_mort-ora-y/32/124_2.png) [@edA-qa\_mort-ora-y](https://forums.fusetools.com/u/edA-qa_mort-ora-y)\
**Post date:** [October 24, 2016, 1:33pm UTC](https://forums.fusetools.com/t/long-text-in-list/6582/8 "2016-10-24T13:33:09Z")

</div>

This is the correct way to do truncated text. It is working when I export to a device (iPhone) but doesn’t appear to be working preview. Note, I’m not expecting ellipsis in preview, since I know that doesn’t work, but I was expecting it to at least be clipped. I’ll add an issue to get that fixed.