css - How to fix the display issue when the tab heading is long for the jquery UI tabs -
i have jquery ui tabs, tab headings of element keeps changing.
what issue
when tab heading long, tabs wont display , tab headings well,
the example can found here jsfiddle link, has input accept tab heading updated, when give long text "testttttttttttttttttttttttttttttttttttttttttttttttttttttt".
tabs not display properly.
how resolve issue displaying tabs in-spite of width of text.
you add following css make tabs (max-)width
, cut off titles ...
if long.
.ui-tabs-anchor { white-space: nowrap; max-width: 9em; overflow: hidden; text-overflow: ellipsis; }
Comments
Post a Comment