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; } 

jsfiddle


Comments

Popular posts from this blog

java - Unable to make sub reports with Jasper -

scala - play framework: Modules were resolved with conflicting cross-version suffixes -

Passing Variables from AngelScript to C++ -