PDA

View Full Version : ExtJs built in icons not showing up



edipper
17 Aug 2012, 5:18 AM
I am using extjs 4.1.0 and I have the code listed below. When i render it and the validation fires, the error icons do not show. None of my built in extjs icons show in any of the examples i am running...




Ext.QuickTips.init();
var fpItems =
[
{
fieldLabel: 'Alpha only',
allowBlank: false,
emptyText: 'This field is empty!',
maskRe: /[a-z]/i,
msgTarget: 'side'
},
{
fieldLabel: 'Simple 3 to 7 Chars',
allowBlank: false,
msgTarget: 'under',
minLength: 3,
maxLength: 7
},
{
fieldLabel: 'Special Chars Only',
msgTarget: 'qtip',
stripCharsRe: /[a-zA-Z0-9]/ig
},
{
fieldLabel: 'Web Only with VType',
vtype: 'urlOnly',
msgTaget: 'side'
}
];




var fp = new Ext.form.FormPanel( {
renderTo: Ext.getBody(),
width: 400,
height: 400,
title: 'Exercising textfields',
frame: true,
bodyStyle: 'padding: 6px',
labelWidth: 126,
defaultType: 'textfield',
defaults: {
msgTarget: 'side',
anchor: '-20'
},
items: fpItems
} );

scottmartin
17 Aug 2012, 10:07 AM
Are there any errors in the console? Do you have the CSS included in your HTML file?

Scott.