anchor.diff:  					},
   					defaults: {
   					},
  +					dockedItems: [
  +						{
  +							xtype: 'toolbar',
  +							dock: 'top',
  +							items: [
  +								{
  +									xtype: 'combobox',
  +									id: 'question-activeStatus',
  +									emptyText: 'Active questions',
  +									fieldLabel: 'Show Components with:',
  +									labelWidth: '250px',
  +									name: 'question-activeStatus',
  +									displayField: 'description',
  +									valueField: 'code',
  +									listeners: {
  +										change: function (filter, newValue, oldValue, opts) {
  +											var qButton = Ext.getCmp('question-activateButton');
  +											var newUrl = '../api/v1/resource/components/questionviews';
  +											if (newValue === 'A') {
  +												qButton.setText('Deactivate');
  +												newUrl += '?status=A';
  +											}
  +											else {
  +												qButton.setText('Activate');
  +												newUrl += '?status=I';
  +											}
  +											qButton.disable();
  +											componentPanel.getStore().getProxy().setUrl(newUrl);
  +											componentPanel.getStore().load();
  +										}
  +									},
  +									store: Ext.create('Ext.data.Store', {
  +										fields: [
  +											'code',
  +											'description'
  +										],
  +										data: [
  +											{
  +												code: 'A',
  +												description: 'Active questions'
  +											},
  +											{
  +												code: 'I',
  +												description: 'Inactive questions'
  +											}
  +										]
  +									})
  +								}
  +							]
  +						}
  +					],
   					items: [
   						componentPanel,
   						{
  
positive.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();
  				};
  
  
  
negative.code: 							dock: 'top',
  							items: [
  								{
  									text: 'Deactivate',
  									id: 'question-activateButton',
  									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
  					},
  					listeners: {
  						select: function(rowModel, record) {
  							var componentId = componentPanel.getSelection()[0].data.componentId;
  							var questionId = questionPanel.getSelection()[0].data.questionId;
  							var answerId = record.data.answerId;
  							actionSelectedAnswer(componentId, questionId, answerId);
  						}
  					},
  					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) {
  											answerPanel.getStore().filter('activeStatus', newValue);
  											var actButton = Ext.getCmp('answer-activateButton');
  											if (newValue === 'A') {
  												actButton.setText('Deactivate');
  											}
  											else {
  												actButton.setText('Activate');
  											}
  											actButton.disable();
  										}
  									},
  									store: Ext.create('Ext.data.Store', {
  