# Tab Strip Name HTML String Format

**URL:** <https://forum.inductiveautomation.com/t/tab-strip-name-html-string-format/35362>\
**Category:** Ignition\
**Tags:** ignition80\
**Created:** [June 5, 2020, 5:02pm UTC](https://forum.inductiveautomation.com/t/tab-strip-name-html-string-format/35362 "2020-06-05T17:02:53Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![ppatel1](https://avatars.discourse-cdn.com/v4/letter/p/b77776/32.png) [@ppatel1](https://forum.inductiveautomation.com/u/ppatel1)\
**Post date:** [June 5, 2020, 5:02pm UTC](https://forum.inductiveautomation.com/t/tab-strip-name-html-string-format/35362/1 "2020-06-05T17:02:53Z")

</div>

Attempting to utilize a tab strip for template and its going well so for. I was requested by users to apply a carriage return on a tab display name . I use the following string:

```auto
<html>Alarm<br>Setup<html>

```

The result however:

![MicrosoftTeams-image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/9/9ccafb43ef95270721b50cec0c0ccad0806c79eb.png)

The tabs are set to individually expand or contract based on their names(all but this one are normal text). There seems to be spacing on both sides of the name. How do I get rid of this. Please advise.

---

<div class="post-metadata">

**Author:** ![bkarabinchak.psi](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bkarabinchak.psi/32/83567_2.png) [@bkarabinchak.psi](https://forum.inductiveautomation.com/u/bkarabinchak.psi)\
**Post date:** [June 5, 2020, 5:51pm UTC](https://forum.inductiveautomation.com/t/tab-strip-name-html-string-format/35362/2 "2020-06-05T17:51:48Z")

</div>

Try setting the size mode property to individual instead of automatic. Believe the tab customizer can also be used to set sizing of individual tabs.

---

<div class="post-metadata">

**Author:** ![ppatel1](https://avatars.discourse-cdn.com/v4/letter/p/b77776/32.png) [@ppatel1](https://forum.inductiveautomation.com/u/ppatel1)\
**Post date:** [June 5, 2020, 6:03pm UTC](https://forum.inductiveautomation.com/t/tab-strip-name-html-string-format/35362/3 "2020-06-05T18:03:59Z")

</div>

Yes. That property has been set. and yet I am still facing the issue

---

<div class="post-metadata">

**Author:** ![bkarabinchak.psi](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bkarabinchak.psi/32/83567_2.png) [@bkarabinchak.psi](https://forum.inductiveautomation.com/u/bkarabinchak.psi)\
**Post date:** [June 5, 2020, 6:06pm UTC](https://forum.inductiveautomation.com/t/tab-strip-name-html-string-format/35362/4 "2020-06-05T18:06:47Z")

</div>

Are the other tabs in `<HTML>` as well? Try that even if they don’t need it for anything, the html tag brings some formatting with it (as you can see your font is different for that one tab). Mixing and matching some tabs with HTML and others without may be causing the issue.

---

<div class="post-metadata">

**Author:** ![ppatel1](https://avatars.discourse-cdn.com/v4/letter/p/b77776/32.png) [@ppatel1](https://forum.inductiveautomation.com/u/ppatel1)\
**Post date:** [June 5, 2020, 6:08pm UTC](https://forum.inductiveautomation.com/t/tab-strip-name-html-string-format/35362/5 "2020-06-05T18:08:12Z")

</div>

Font was changed on purpose to see what the effect was. Going to keep font same and apply html format on all tabs to see if the issue goes away. Thanks

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [June 5, 2020, 9:52pm UTC](https://forum.inductiveautomation.com/t/tab-strip-name-html-string-format/35362/6 "2020-06-05T21:52:07Z")

</div>

It looks like the width of the tab is determined by the length of the string (which counts the html formatting as text) and not by the effective displayed length after applying the html formatting 🤔 I hope it’s not the case!

---

<div class="post-metadata">

**Author:** ![jespinmartin1](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jespinmartin1/32/57175_2.png) [@jespinmartin1](https://forum.inductiveautomation.com/u/jespinmartin1)\
**Post date:** [June 6, 2020, 2:01am UTC](https://forum.inductiveautomation.com/t/tab-strip-name-html-string-format/35362/7 "2020-06-06T02:01:01Z")

</div>

well I see a problem in your html coding, it’s not mandatory to finalize it but it should end like

```auto
<html>Alarm</html>

```

don’t forget the forward slash

Also breaking the row shouldn’t be used, by using `<html>` the text can jump to next line if text area allows.  
Try that and keep online

---

<div class="post-metadata">

**Author:** ![jespinmartin1](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jespinmartin1/32/57175_2.png) [@jespinmartin1](https://forum.inductiveautomation.com/u/jespinmartin1)\
**Post date:** [June 6, 2020, 2:50am UTC](https://forum.inductiveautomation.com/t/tab-strip-name-html-string-format/35362/8 "2020-06-06T02:50:20Z")

</div>

well in fact this is a problem…I’ve tried some ideas but none works, maybe is easier to place a label over the tab strip and group them.  
Terrible solution tho

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [June 6, 2020, 4:03am UTC](https://forum.inductiveautomation.com/t/tab-strip-name-html-string-format/35362/9 "2020-06-06T04:03:25Z")

</div>

> [@jespinmartin1](#):
>
> Also breaking the row shouldn’t be used

Unless you care about the look, which you do on a tab (or you should). A triangle looks better than an inverted triangle, and not using breaks will force an inverted triangle.  
Also, using an end HTML tag is a waste of time, and will only increase the width of the tab even more

---

<div class="post-metadata">

**Author:** ![kgamble](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/kgamble/32/8019_2.png) [@kgamble](https://forum.inductiveautomation.com/u/kgamble)\
**Post date:** [June 6, 2020, 10:56am UTC](https://forum.inductiveautomation.com/t/tab-strip-name-html-string-format/35362/10 "2020-06-06T10:56:18Z")

</div>

> [@nminchin](#):
>
> I hope it’s not the case!

Just did a handful of testing in 8.0.14 and it does look like this is the case.
