Note: Take a snapshot of vRBC appliance before proceeding with below steps.
Steps to follow in vRBC 7.3.1:
- Navigate to the the directory /usr/local/tcserver/vfabric-tc-server-standard/itbm-server/webapps/itfm-cloud/
cd /usr/local/tcserver/vfabric-tc-server-standard/itbm-server/webapps/itfm-cloud/
- Take backup of file businessmanagement-classes.js
cp -p businessmanagement-classes.js businessmanagement-classes.js.backup
- Open businessmanagement-classes.js file to modify.
vi businessmanagement-classes.js
- In vim editor, set flag to display the line numbers.
press key ':' and then type => set number (hit enter)
- Search for "Ext.define('itfm.resourcescost.view.editcostallocation.ServerPackageCostAllocation',
: /Ext.define('itfm.resourcescost.view.editcostallocation.ServerPackageCostAllocation',
i.e. press key ':' and then type => /Ext.define('itfm.resourcescost.view.editcostallocation.ServerPackageCostAllocation', (hit enter)
- Look for line "me.moduleHeaderHeight = Ext.ComponentQuery.query('pageBaseToolbar')[0].getHeight();", after the searched string Ext.define('itfm.resourcescost.view.editcostallocation.ServerPackageCostAllocation'" and change the lines to:
if (Ext.ComponentQuery.query('pageBaseToolbar')[0].el) {
me.moduleHeaderHeight = Ext.ComponentQuery.query('pageBaseToolbar')[0].getHeight();
} else {
me.moduleHeaderHeight = 34;
}
- Verify that the lines around the change in file are similar to:
Ext.define('itfm.resourcescost.view.editcostallocation.ServerPackageCostAllocation', {
extend: 'Ext.panel.Panel',
width: '100%',
alias: 'widget.serverPackageCostAllocation',
requires: [
'Ext.form.field.Number',
'Ext.form.field.Radio',
'Ext.panel.Panel',
'itfm.resourcescost.view.editcostallocation.ServerPackageCostAllocationGrid',
'itfm.infra.view.system.ToolTipIcon'
],
initComponent: function () {
var me = this;
me.constants = itfm.resourcescost.utils.constants.Constants;
if (Ext.ComponentQuery.query('pageBaseToolbar')[0].el) {
me.moduleHeaderHeight = Ext.ComponentQuery.query('pageBaseToolbar')[0].getHeight();
} else {
me.moduleHeaderHeight = 34;
}
me.appHeaderHeight = Ext.ComponentQuery.query('topApplicationHeader')[0].getHeight();
me.nonGridAreaHeight = 270;
me.gridAreaHeight = itfm.app.viewport.height - (me.moduleHeaderHeight + me.appHeaderHeight + me.nonGridAreaHeight);
me.justRenderedForm = false; Steps to follow in vRBC 7.4:
- Navigate to the directory /usr/local/tomcat/itbm-server/webapps/itfm-cloud
cd /usr/local/tomcat/itbm-server/webapps/itfm-cloud
- Take backup of file businessmanagement-classes.js
cp -p businessmanagement-classes.js businessmanagement-classes.js.backup
- Open businessmanagement-classes.js file to modify.
vi businessmanagement-classes.js
- Search for "Ext.define('itfm.resourcescost.view.editcostallocation.ServerPackageCostAllocation',
: /Ext.define('itfm.resourcescost.view.editcostallocation.ServerPackageCostAllocation', i.e. press key ':' and then type => /Ext.define('itfm.resourcescost.view.editcostallocation.ServerPackageCostAllocation', (hit enter)
- Look for line "me.moduleHeaderHeight = Ext.ComponentQuery.query('pageBaseToolbar')[0].getHeight();", after the searched string Ext.define('itfm.resourcescost.view.editcostallocation.ServerPackageCostAllocation'" and change the lines to :
if (Ext.ComponentQuery.query('pageBaseToolbar')[0].el) {
me.moduleHeaderHeight = Ext.ComponentQuery.query('pageBaseToolbar')[0].getHeight();
} else {
me.moduleHeaderHeight = 34;
}
- Verify that the lines around the change in file are similar to:
Ext.define('itfm.resourcescost.view.editcostallocation.ServerPackageCostAllocation', {
extend: 'Ext.panel.Panel',
width: '100%',
alias: 'widget.serverPackageCostAllocation',
requires: [
'Ext.form.field.Number',
'Ext.form.field.Radio',
'Ext.panel.Panel',
'itfm.resourcescost.view.editcostallocation.ServerPackageCostAllocationGrid',
'itfm.infra.view.system.ToolTipIcon'
],
initComponent: function () {
var me = this;
me.constants = itfm.resourcescost.utils.constants.Constants;
if (Ext.ComponentQuery.query('pageBaseToolbar')[0].el) {
me.moduleHeaderHeight = Ext.ComponentQuery.query('pageBaseToolbar')[0].getHeight();
} else {
me.moduleHeaderHeight = 34;
}
me.appHeaderHeight = Ext.ComponentQuery.query('topApplicationHeader')[0].getHeight();
me.nonGridAreaHeight = 270;
me.gridAreaHeight = itfm.app.viewport.height - (me.moduleHeaderHeight + me.appHeaderHeight + me.nonGridAreaHeight);
me.justRenderedForm = false;
- Take backup of businessmanagement-classes.min.jsCommand :
cp -p businessmanagement-classes.min.js businessmanagement-classes.min.js.backup
- Rename businessmanagement-classes.js to businessmanagement-classes.min.js
mv businessmanagement-classes.js businessmanagement-classes.min.js
- Refresh the browser.