How to set the "text-overflow:ellipsis" in tabbar

Suite and Optimus Suite 5
#1

I need set the “text-overflow:ellipsis” in a tabbar because the label of the tabs is too big.



Please, help me.



thx

#2

Just add next css line to your html page

.dhx_tab_element div {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}



Beware that “text-overflow:ellipsis” has not cross browser support, it may have sense, just to change default tab height ( 3rd parameter of constructor ) and made two lines of text visible as the tab caption.

#3

Hi ,
 I have used the above css for the above problem but it does not work on firefox ; It works fine on IE even without this css.

My label name on tab in too big and it gets cut.
What is the other solution ?

Thanks & Regards,
Lalit

#4


Hi,


text-overflow:ellipsis works only for IE. Unfortunately, there are no similar solutions for FireFox.