# Tab strip component size with tab text on multiple line

**URL:** <https://forum.inductiveautomation.com/t/tab-strip-component-size-with-tab-text-on-multiple-line/8915>\
**Category:** Ignition\
**Created:** [August 18, 2014, 3:39pm UTC](https://forum.inductiveautomation.com/t/tab-strip-component-size-with-tab-text-on-multiple-line/8915 "2014-08-18T15:39:50Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![mazeyrat](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mazeyrat/32/10955_2.png) [@mazeyrat](https://forum.inductiveautomation.com/u/mazeyrat)\
**Post date:** [August 18, 2014, 3:39pm UTC](https://forum.inductiveautomation.com/t/tab-strip-component-size-with-tab-text-on-multiple-line/8915/1 "2014-08-18T15:39:50Z")

</div>

Ignition 7.6.6 / 7.7  
For the tab strip component the size of tab seem to be based on the max text length  
but it doesn’t care about html, like beak line.  
I need to have tabs with text on multiple line, with a narrow size of tabs !  
Any workaround ![:scratch:](https://us1.discourse-cdn.com/inductiveautomation/original/1X/76d1620bec252bfac07050c889ff5a91dc8a9c25.gif ":scratch:")

Example : DISPLAY\_NAME = texte1  
texte2  
texte3

 ![](https://us1.discourse-cdn.com/inductiveautomation/original/2X/0/066986f3dca152174da6a170570fd1b4bb632da1.jpg)  
  
 ![](https://us1.discourse-cdn.com/inductiveautomation/original/2X/5/517049aa31d8077e1704d47896ac83b6dccb6cbc.jpg)

---

<div class="post-metadata">

**Author:** ![tebright1](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/tebright1/32/87405_2.png) [@tebright1](https://forum.inductiveautomation.com/u/tebright1)\
**Post date:** [January 26, 2015, 10:10pm UTC](https://forum.inductiveautomation.com/t/tab-strip-component-size-with-tab-text-on-multiple-line/8915/2 "2015-01-26T22:10:21Z")

</div>

I am also looking for an answer to this. The HTML makes the tab really wide.

---

<div class="post-metadata">

**Author:** ![dhananjay\_vichare](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/dhananjay_vichare/32/74712_2.png) [@dhananjay\_vichare](https://forum.inductiveautomation.com/u/dhananjay_vichare)\
**Post date:** [February 16, 2015, 9:00am UTC](https://forum.inductiveautomation.com/t/tab-strip-component-size-with-tab-text-on-multiple-line/8915/3 "2015-02-16T09:00:24Z")

</div>

Hello,  
I am having same problem, I need the multiline text in Display Name.  
So I am using HTML tags like “  
” “” and it is working and I can get the text in two lines.

But size of tab will increase or decreases as I add or remove the HTML tags, I think the label area treat the HTML tags as text.

Also I am having one more issue regarding “Apply To all”. When I click the “Apply To all” button to apply settings related to “When selected” and “When unselected”, the "Mouse over text also change to default (first tab Mouse over text is apply to all tabs). I am not understand that this “Apply To all button” is applicable to Mouse over text or it is only for “When selected” and “When unselected” settings?

I think it should not affect the mouse over text because it is related to individual tab.

Please suggest.

Please see below snapshots

 ![](https://us1.discourse-cdn.com/inductiveautomation/original/2X/1/11f65974d981b540a70419b55fbbb599acee2aa5.PNG)  
  
 ![](https://us1.discourse-cdn.com/inductiveautomation/original/2X/8/8a9c3762b208fce68d531786eda7e065b585d26d.PNG)

---

<div class="post-metadata">

**Author:** ![ovendenk](https://avatars.discourse-cdn.com/v4/letter/o/f14d63/32.png) [@ovendenk](https://forum.inductiveautomation.com/u/ovendenk)\
**Post date:** [April 23, 2015, 5:14pm UTC](https://forum.inductiveautomation.com/t/tab-strip-component-size-with-tab-text-on-multiple-line/8915/4 "2015-04-23T17:14:58Z")

</div>

Has there ever been a solution to this issue?? Just ran into it myself.

---

<div class="post-metadata">

**Author:** ![greg.simpson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/greg.simpson/32/3135_2.png) [@greg.simpson](https://forum.inductiveautomation.com/u/greg.simpson)\
**Post date:** [May 18, 2015, 10:56pm UTC](https://forum.inductiveautomation.com/t/tab-strip-component-size-with-tab-text-on-multiple-line/8915/5 "2015-05-18T22:56:21Z")

</div>

You need to change the amount of text padding. As you can see in my screenshot i have reduced the amount of text padding to -128 to make the tab more narrow.

 ![](https://us1.discourse-cdn.com/inductiveautomation/original/2X/d/d66f1ff6f9ef0968a8cb37955a0be793d9ebf169.PNG)
