htmleditor icons not showing properly

Published by: mike 2009-01-08

Ext: Premium Help [Archive] - Page 15 - Ext JS Forums::
Resizable htmleditor. Renderer on the unvisbile column is not working properly how to enable scrollbar for a cardlayout panel for showing data in the div
http://extjs.com/forum/archive/index.php/f-11-p-15.htmlHOME

My guess is I've a little bit of code that's missing but my problem is that i have a htmleditor input in a form in a window(not sure if that's related). The formatting icons (i.e. Bold italic etc.) are showing up all the same - looks like a mix of the right half of the left align icon and the right half of the bullets icon. From looking around inside the ext-2.0 folder the icons are derived from the one gif image. It looks as tho the toolbar is using that image but not focusing in the correct spot. The resulting icon for each button looks like its the middle 16 pixels smack bang out of the middle of the gif image.

handler: function() {
var win ;

win = new Ext.Window({

layout:'fit',
title: 'Edit Question',
width:700,
height:450,
closeAction:'hide',
plain: true,

items: new Ext.FormPanel({
labelAlign: 'top',
frame:true,
title: 'Multi Column, Nested Layouts and Anchoring',
bodyStyle:'padding:5px 5px 0',
width: 600,
items: [{
layout:'column',
items:[{
columnWidth:.5,
layout: 'form',

Ext: Help [Archive] - Page 89 - Ext JS Forums::
icons not showing. Grouping Grid Example in Tabs. Embedded Redraw Problem. Tab panel problem grid is not displayed properly in IE. Window: Resizable
http://extjs.com/forum/archive/index.php/f-9-p-89.htmlHOME

items: [{
xtype:'textfield',
fieldLabel: 'First Name',
name: 'first',
anchor:'95%'
}, {
xtype:'textfield',
fieldLabel: 'Company',
name: 'company',
anchor:'95%'
}]
},{
columnWidth:.5,

Jelle Druyts - Monday, 03 July 2006::
Block project type in Visual Studio (with the proper icon and description) course not on our application servers, causing the loader exception shown above.
http://jelle.druyts.net/default.aspx?date=2006-07-03HOME

layout: 'form',
items: [{
xtype:'textfield',
fieldLabel: 'Last Name',
name: 'last',
anchor:'95%'
},{
xtype:'textfield',
fieldLabel: 'Email',
name: 'email',
vtype:'email',
anchor:'95%'
}]
}]
},{
xtype:'htmleditor',
id:'bio',
fieldLabel:'Biography',
height:200,
anchor:'98%'
}],

buttons: [{
text: 'Save'
},{
text: 'Cancel'
}]
})

});

win.show();
}

as u can see its just a copy of the htmleditor example.
I'm sure its just one little error.

yes yes i did.... :P though it was simple. Had a link to a style sheet that i'd already deleted but must have accidentally put back in with too many 'undo's.

The icons look fine for me in FF2/IE7 (using your code).

Do you have any other css on the page that may be impacting?