Start Building Professional
Web Apps Today

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

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

Please, help me.

thx

Just add next css line to your html page
 <style type="text/css">
  .dhx_tab_element div {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  }
 </style>


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. 

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