anchor.diff:  					flex: 2,
   					store: componentStore,
   					layout: 'fit',
  +					viewConfig: {
  +						emptyText: 'No components exist with the selected status.'
  +					},
   					dockedItems: [
   						{
   							xtype: 'toolbar',
  
positive.code: 								},
  								{
  									text: 'Deactivate',
  									scale: 'medium',
  									disabled: true,
  									iconCls: 'fa fa-2x fa-power-off'
  								}
  							]
  						}
  					],
  					columns: [
  						{
  							text: 'Question',
  							dataIndex: 'question',
  							renderer: function (value, metaData, record) {
  								var userType = getUserType(record.data.userTypeCode);
  								var html = "<strong>" + value + "</strong>";
  								html += '<p style="color: #999; margin-bottom: 0.5em;">';
  								html += '<i class="fa fa-user fa-fw"></i> ' + record.data.createUser + " (";
  								html += userType + ') &middot; ';
  								html += record.data.organization + "";
  								html += "</p>";
  								return html;
  							},
  							flex: 5
  						},
  						{
  							text: 'Created',
  							dataIndex: 'createDts',
  							flex: 1.5,
  							xtype: 'datecolumn',
  							format: 'm/d/y H:i:s'
  						},
  						{
  							hidden: true,
  							text: 'User',
  							dataIndex: 'createUser',
  							flex: 1
  						},
  						{
  							hidden: true,
  							text: 'Organization',
  							dataIndex: 'organization',
  							flex: 1
  						},
  						{
  							hidden: true,
  							text: 'Update Date',
  							dataIndex: 'updateDts',
  							flex: 2,
  							xtype: 'datecolumn',
  							format: 'm/d/y H:i:s'
  						},
  						{
  							hidden: true,
  							text: 'Security Type',
  							dataIndex: 'securityMarkingType',
  							flex: 2,
  							renderer: getSecurityType()
  						}
  					]
  				});
  
  
  				var answerPanel = Ext.create('Ext.grid.Panel', {
  					flex: 3,
  					layout: 'fit',
  					store: answerStore,
  					viewConfig: {
  						emptyText: 'Please select a component.',
  						deferEmptyText: false
  					},
  					dockedItems: [
  						{
  							xtype: 'toolbar',
  							dock: 'top',
  							items: [
  								{
  									xtype: 'combobox',
  									id: 'answer-activeStatus',
  									emptyText: 'Active',
  									fieldLabel: 'Active Status',
  									name: 'answer-activeStatus',
  									displayField: 'description',
  									valueField: 'code',
  									listeners: {
  										change: function (filter, newValue, oldValue, opts) {
  
  										}
  									},
  									store: Ext.create('Ext.data.Store', {
  										fields: [
  											'code',
  											'description'
  										],
  										data: [
  											{
  												code: 'A',
  												description: 'Active'
  											},
  											{
  												code: 'I',
  												description: 'Inactive'
  											}
  										]
  									})
  								},
  								{
  									text: 'Deactivate',
  									scale: 'medium',
  									disabled: true,
  									iconCls: 'fa fa-2x fa-power-off'
  
negative.code: 					// we must add it to our emptyText if we want proper styling.
  					answerPanel.getView().emptyText = '<div class="x-grid-empty">This question has no answers.</div>';
  					answerStore.load();
  					Ext.getCmp('question-activateButton').enable();
  					Ext.getCmp('answer-activateButton').disable();
  				};
  
  				
  				var actionSelectedAnswer = function actionSelectedAnswer(componentId, questionId, answerId)  {
  					Ext.getCmp('answer-activateButton').enable();
  				};
  
  
  