Good morning.
I am using Ignition 8.1.15 and I would like that when a text does not fit in a label, ellipses (...) appear.
I have set the style class in this way, but it doesn't work.
Best Regards.
In which container is the label?
The label is a flex container.
This is a known issue with multiple components. We have an open issue to repair the problem, but no ETA.
Thanks.
In the mean time you can add this workaround:
Put this in the backgroundimg of the style, change the StyleFolder\/StyleName to match your style class (escape the / for folders)
}.psc-StyleFolder\/StyleName span{overflow:hidden; text-overflow:ellipsis;} .psc-StyleFolder\/StyleName{
1 Like
Ok. Thanks.
Hi,
This bug has been fixed since 8.1.11.
https://forum.inductiveautomation.com/t/nightly-8-1-changelogs-2021/42410/158
Added textStyle prop to the Label Component. It allows for text overflow ellipsis. To display ellipsis, set props.textStyle overflow: hidden, whiteSpace: nowrap, textOverflow: ellipsis.
Hope you will find this helpful.
Kind regards.
3 Likes
Good morning.
The problem is that I want to bind these properties (and others) in "style -> classes".
So the solution is to create a Style Class with just those 3 properties and bind it to "textStyle -> classes"?
hi , does this really work?
I have a label in a flex container and and I set it to show ellipsis when overflows , it doesnt work . I am using version 8.1.40
