View Full Version : [FIXED-159] Tab badge text does not get cut off:

21 Jul 2010, 5:59 PM

Modified tabs2 example (just changed the dock to top:

var tabpanel = new Ext.TabPanel({
tabBar: {
dock: 'top',
layout: {
pack: 'center'
fullscreen: true,
ui: 'light',
animation: {
type: 'flip',
cover: true
defaults: {
scroll: 'vertical'
items: [{
title: 'About',
html: '<h1>Bottom Tabs</h1><p>Docking tabs to the bottom will automatically change their style. The tabs below are type="light", though the standard type is dark. Badges (like the 4 &amp; Long title below) can be added by setting <code>badgeText</code> when creating a tab/card or by using <code>setBadge()</code> on the tab later.</p>',
iconCls: 'info',
cls: 'card1'
}, {
title: 'Favorites',
html: '<h1>Favorites Card</h1>',
iconCls: 'favorites',
cls: 'card2',
badgeText: '4'
}, {
title: 'Downloads',
id: 'tab3',
html: '<h1>Downloads Card</h1>',
badgeText: 'Text can go here too, but it will be cut off if it is too long.',
cls: 'card3',
iconCls: 'download'
}, {
title: 'Settings',
html: '<h1>Settings Card</h1>',
cls: 'card4',
iconCls: 'settings'
}, {
title: 'User',
html: '<h1>User Card</h1>',
cls: 'card5',
iconCls: 'user'

Jamie Avins
22 Jul 2010, 8:43 AM
Your issue has been entered in Trac for review. Thank you for the report.

28 Jul 2010, 1:03 PM
This has been fixed and will be part of the next release (0.9.3) due beginning of next week.