How do I get a label to wrap on a list item?

Posted by jsniemi79 on 12-Dec-2014 09:28

I have a list item with a label, inside a grid.  When the data is returned, the label is running over the top of the arrow icon on the list.  Is there a way to make this wrap or cut off and show (...)?  It doesn't seem to matter if I change the label size or put in a second column on the grid, it still runs over like the image below.

Posted by egarcia on 16-Dec-2014 05:10

Hello,

You can have a label wrap in a listview by using Create New -> CSS and entering the following code:

.MyPhoneApp_mobilelabel_2 {

   white-space : normal;

}

Use "." and the name of the class. See how it looks below.

I hope this helps.

All Replies

Posted by jsniemi79 on 15-Dec-2014 11:26

Does anyone have any thoughts on this?

Posted by egarcia on 16-Dec-2014 05:10

Hello,

You can have a label wrap in a listview by using Create New -> CSS and entering the following code:

.MyPhoneApp_mobilelabel_2 {

   white-space : normal;

}

Use "." and the name of the class. See how it looks below.

I hope this helps.

Posted by jsniemi79 on 16-Dec-2014 07:40

Thank you very much. That was perfect!

This thread is closed