[Bug-1571]Perspective ellipses/clip does not work on labels

Ignition Early Access
1

8.0.14
The clip and ellipsis properties does not work on Labels.
The shadow option does not work at all.

image
image876Ă—486 30.6 KB

1 Like
2

Thanks, @jpark. We’ve opened an internal ticket to fix this.

3

Has there been any update on this?

4

No progress. The priority was set to be pretty low as it’s been broken since at least 8.0.12 without anyone noticing. This thread will be updated when a fix has been introduced.

5

Would love to see this resolved, any update or ETA? Thx

6

No ETA because the ticket hasn’t even been touched since I made a note on it in July.

7

I too have this problem.

8

This is also an issue on our side.

We are delaying some vision to perspective conversions because of that.

Please Inductive Automation fix that. All properties should behave as expected.

Thanks.

9

I put textFields instead of labels and then I put these settings:

enabled: false
style:
textAlign: left
borderStyle: none
backgroundColor: transparent
textOverflow: ellipsis
overflow: hidden

10

I am also requesting to get this fixed.

11

“The priority was set to be pretty low as it’s been broken since at least 8.0.12 without anyone noticing.” → I suspect that nobody had noticed it before because, in general, we are learning CSS and we don’t know this functionality. However once you know it is essential to make a good responsive design.

I need to use this very extensively and any workaround is going to be a headache in the future.

12

using theming, add this CSS

[data-component=“ia.display.label”] > span {
overflow: hidden;
text-overflow: ellipsis;
}

13

Any update on this ?

14

Try setting “white space” to nowrap on the label style.

15

It looks like this should also work without requiring any additional settings if you are using the 8.1.12 nightly builds. The ticket is designated as having been resolved as part of 8.1.12.

16

To get ellipsis on a Label in 8.1.12 to work use the new textStyle prop, set props.textStyle.overflow hidden, whiteSpace nowrap, textOverflow ellipsis

2 Likes