Tab Container Label Word Wrap

Ignition
1

I have a Tab container for a header and the labels are longer than the width of the tabs. Is there a way of setting so the label wraps to a second line?

2

image
image656×321 28.6 KB

Repeat for inactive and disabled.
You may need to adjust tabSize.height too.

3 Likes
3

Excellent! Thank you! That did the trick.

4

Welcome to the forum.

A couple of tips:

  • If you want to reply to a post then use the Reply button in that post and the other user will get notified (top right) as you should have with this post. Otherwise they might miss your post.
  • There's a "Solution" link in each answer. If you hit that it flags the question as solved on the index page (and also posts a summary of it below your question). Since my answer solved your question ...
5

Alternatively, if you want to apply the change generally to all tab containers (by default) you could add the following CSS text on the advanced style sheet (Perspective > Styles > stylesheet.css)

[data-component="ia.container.tab"] .tab-menu .tab-menu-item span {
    white-space: normal;
    overflow-wrap: break-word;
}
2 Likes