Как пометить (*) красным цветом для обязательного поля в extjs. 3.4

Question

У меня есть панель из extjs с двумя полями, одна обязательна, а другая - необязательно, поэтому я хочу дать (*) обязательную с помощью всплывающей подсказки extjs. Вот мой код:

var insertJSONPanel = new Ext.form.FormPanel({ 
      id: "insertJSONFP", 
      baseCls: 'x-plain', 
      labelWidth: 100, 
      monitorValid:true, 
      bodyStyle: ' padding: 15px; background-color: #ffffff' , 
      items:[new Ext.form.TextField({ 
       id:"collectionTextFieldId", 
       fieldLabel: 'Collection Name', 
       allowBlank: false, 
       hidden:true, 
       name: 'newCollectionName', 
       anchor: '90%', 
       maxLength: 50, 
       }),new Ext.form.TextField({ 
       id:"userNameId", 
       fieldLabel: 'UserName', 
       allowBlank: true, 
       name: 'userName', 
       emptyText:'Optional', 
       anchor: '90%', 
       maxLength: 50, 
       enableKeyEvents : true, 
       })] 
}); 

Answer 1

Попробуйте добавить это везде, где вы даете ярлык/текст для обязательного поля

'<font color="red" size="3">' + '*' + '</font>'