PDA

View Full Version : Ellipsis



navalsaini
24 Jul 2012, 2:22 AM
No ellipsis seen in multiline component.

I dont know the exact number of characters that would fit within the label, and therefore the function Ext.util.Format.ellipsis isn't of much use to me.

Kindly suggest, what do I need to do to generate an ellipsis?


{
xtype: 'label',
margin: 10,
height: 85,
padding: '0 0 10 0',
style: 'font-size:80%; text-overflow: ellipsis; overflow: hidden; white-space: wrap;', html: 'MaIme volor maxim re, ang natur. Ni quam aut veligende veet ditatas adio. Itatem. Nempos dolor seque peri
t rem faccatiures explistibus maionecus exerferatur, suntia quis arum nonem rem faccatiures explistibus maionecus exerferatur, sunti
a quis arum nonem.',
},


Thanks,
Naval

estesbubba
24 Jul 2012, 6:08 AM
Don't think these work well together:

text-overflow: ellipsis; white-space: wrap;

navalsaini
24 Jul 2012, 6:22 AM
I suppose they dont.

But I need to wrap, to display the text in multiline. So i need ' white-space: wrap;'

Any suggestions on getting rid of above?

Meanwhile, I am facing this problem on the desktop browser and have not tested on the mobile one.

Thanks Naval