Page Comparison

footerConfig : {
	enabled : true,
	heightInPx : 80,
	position : 'fixed',
	headerTransisition : false,
	component : 'menufooter' 

Footer Configuration code:

canvas.ns('canvas.applnlayout.utkarsh.menu');

/**
*@namespace "canvas.applnlayout.utkarsh.menu"
*@descriptionThiscomponentiscurrentlyresponsibleJqueryFrameworkto
*renderedmenulayoutfooter@description This component is currently responsible Jquery Framework to
*rendered menu layout footer.
*/ 

canvas.applnlayout.utkarsh.menu.footer = Class({

/**
*@class"canvas.applnlayout.utkarsh.menu.footer"
*@descriptionTheconstructorgetsthemetadataandparentelement@description The constructor gets the metadata and parent element(#FOOTER).
*/

	headerData: null,
	parentElem: null,
	constructor: function(config) {
		this.customJSON = config.config;
		this.footerData = config.md || {};
		this.parentElem = config.parentElem; 
/**
*AppdockconstructionhomeButton-trueonlyforthoselayoutsthathave
*masterscreentonavigateAppdock construction homeButton-true only for those layouts that have
*master screen to navigate(e.g., cardlayoutcard layout).
*/

/*if (canvas.workspace.metadata.isWidgetCatalogRequired()) {
	var appContainerConfig = {
		parent: config.parentElem,
		homeButton: false
	};
	var appLayoutComp = CLCR.getCmp({
	"COMP_TYPE": "APPDOCK",
	});
	var appObj = new appLayoutComp(appContainerConfig);
	canvas.workspace.metadata.setAppDock(appObj);
}*/
},

/**
*@methodgetFooterDOM@method getFooterDOM
*@memberof "canvas.applnlayout.utkarsh.menu.footer"
*@descriptionThismethodgetsthelistofworkspacesandpassesittothe@description This method gets the list of workspaces and passes it to the
*template(menufooter.cttpl)andmakesacallbacktoapplyTemplateand makes a callback to applyTemplate.
*/

getFooterDOM: function() {
	this.FOOTER_REQ = this.customJSON.isFooterEnabled();
	this.footerCopyrights = CRB.getFWBundleValue('LBL_COPYRIGHTS') || '';
	var tmpLayer = canvas.templateManager.createTemplate(
	'footer_template.cttpl', this,canvas.util.getFWTemplatePath());
	tmpLayer.getTemplate(this.applyTemplate, this);
},

/**
*@methodapplyTemplate@method applyTemplate
*@memberof "canvas.applnlayout.utkarsh.menu.footer"
*@descriptionThismethodgetsthetemplate,appendsittotheparent
*elementandaddsclicklistenertoswitchworkspaces@description This method gets the template,appends it to the parent
*element and adds click listener to switch workspaces.
*/

applyTemplate: function(template, tmpClass) {
	if (!canvas.core.isEmpty(this.parentElem)) {
		$(this.parentElem).append(template);
	}
	}
});

CLCR.registerCmp({
	"COMPONENT": "menufooter",
	"APPLICATION_FW": "JQM"
}, canvas.applnlayout.utkarsh.menu.footer);