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 - Plugin org.apache.maven.plugins:maven-install-plugin:2.4 or one of its dependencies could not be resolved -

Round ImageView Android -

How can I utilize Yahoo Weather API in android -