This page is giving short introduction to the component with summary of the change status (green/yellow/red)

This page is listing community blogs on this component, follow this link to learn more.

This page is listing all changes which have been done on this component with corresponding test status (green: ok, red: not ok, yellow: untested), follow this link to learn more.

This page is listing all example applications with this component, follow this link to learn more.

This page will bring more "about" details (generated)

Name	Description	Group	Default	Visible
design [String]	Design Design Posible Value Default Auto X Footer   Header   SubHeader	Display	Auto	true
enableFlexBox [boolean]	Enable Flex Box Enable Flex Box	Display		true
enabled [boolean]	Enabled Enabled	Display	true	true
translucent [boolean]	Translucent Translucent	Display		true

Name	Description	Group	Default	Visible
onitemselect [ScriptText]	On Item Select On Item Select	Events		true

Name	Parameters	Return
addLeftHeaderButton [details]	buttonKey, buttonTitle, (showTitle), (icon), (buttonType)	void
addLeftItem [details]	buttonKey, itemKey, itemText, (itemIcon)	void
addMiddleHeaderButton [details]	buttonKey, buttonTitle, (showTitle), (icon), (buttonType)	void
addMiddleItem [details]	buttonKey, itemKey, itemText, (itemIcon)	void
addRightHeaderButton [details]	buttonKey, buttonTitle, (showTitle), (icon), (buttonType)	void
addRightItem [details]	buttonKey, itemKey, itemText, (itemIcon)	void
getHeaderClicked [details]		String
getHeaderKeyClicked [details]		String
getItemClicked [details]		String
getItemKeyClicked [details]		String
removeAllLeftButtons [details]		void
removeAllLeftItems [details]	buttonKey	void
removeAllMiddleButtons [details]		void
removeAllMiddleItems [details]	buttonKey	void
removeAllRightButtons [details]		void
removeAllRightItems [details]	buttonKey	void
removeLeftHeaderButton [details]	buttonKey	void
removeLeftItem [details]	buttonKey, itemKey	void
removeMiddleHeaderButton [details]	buttonKey	void
removeMiddleItem [details]	buttonKey, itemKey	void
removeRightHeaderButton [details]	buttonKey	void
removeRightItem [details]	buttonKey, itemKey	void

Name	Description	Group	Default	Visible
itemConfigLeft [String]	Left Item Config Left Item Config	Display		false
itemConfigMiddle [String]	Middle Item Config Middle Item Config	Display		false
itemConfigRight [String]	Right Item Config Right Item Config	Display		false
selectedHeader [String]	Selected Header of Item Selected Header of Item	Display		false
selectedHeaderKey [String]	Selected Header Key of Item Selected Header Key of Item	Display		false
selectedItem [String]	Selected Item Selected Item	Display		false
selectedItemKey [String]	Selected Item Key Selected Item Key	Display		false

void addLeftHeaderButton	Add a left header button Add or update a left header button by key 'MENU'. FIORIBAR_1.addLeftHeaderButton("MENU","Menu",false,"sap-icon://menu2","Emphasized"); Name Type Help buttonKey String Button Key buttonTitle String Button Title showTitle boolean [ optional ] Show Title icon String [ optional ] Icon buttonType String [ optional ] Button Type
Source Code	var o = eval(this.itemConfigLeft);     var matchIndex = -1;     var sTitle = true;     if(showTitle != undefined) sTitle = showTitle;     var h;     for(var i=0;i<o.length;i++){       if(o[i].key == buttonKey) matchIndex = i;     }     if(matchIndex==-1) {       o.push({         key : buttonKey,         text : buttonTitle,         showTitle : sTitle,         icon : icon,         items : [],         type : buttonType || "Default"       });     }else{  // Don't overwrite items       o[matchIndex].text = buttonTitle;       o[matchIndex].showTitle = sTitle;       o[matchIndex].icon = icon;       o[matchIndex].type = buttonType || "Default";     }         itemConfigLeft = JSON.stringify(o);
void addLeftItem	Add an item to a left header button.  Will add the left header button if it does not yet exist. Add an item called 'Help' to header button with key 'MENU' with an icon sys-help-2 FIORIBAR_1.addItem("MENU", "help", "Help", "sap-icon://sys-help-2"); Name Type Help buttonKey String Button Key itemKey String Item Key itemText String Item Text itemIcon String [ optional ] Item Icon
Source Code	var o = eval(this.itemConfigLeft);     var matchIndex = -1;     for(var i=0;i<o.length;i++){       if(o[i].key == buttonKey) matchIndex = i;     }     if(matchIndex == -1 ){  // Add section for the lazy       this.addLeftHeaderButton(buttonKey, buttonKey);       o = eval(this.itemConfigLeft);       matchIndex = o.length-1;     }     o[matchIndex].items.push({       key : itemKey,       text : itemText,       icon : itemIcon || ""     });     itemConfigLeft = JSON.stringify(o);
void addMiddleHeaderButton	Add a middle header button Add or update a middle header button by key 'MENU'. FIORIBAR_1.addMiddleHeaderButton("MENU","Menu",false,"sap-icon://menu2","Emphasized"); Name Type Help buttonKey String Button Key buttonTitle String Button Title showTitle boolean [ optional ] Show Title icon String [ optional ] Icon buttonType String [ optional ] Button Type
Source Code	var o = eval(this.itemConfigMiddle);     var matchIndex = -1;     var sTitle = true;     if(showTitle != undefined) sTitle = showTitle;     var h;     for(var i=0;i<o.length;i++){       if(o[i].key == buttonKey) matchIndex = i;     }     if(matchIndex==-1) {       o.push({         key : buttonKey,         text : buttonTitle,         showTitle : sTitle,         icon : icon,         items : [],         type : buttonType || "Default"       });     }else{  // Don't overwrite items       o[matchIndex].text = buttonTitle;       o[matchIndex].showTitle = sTitle;       o[matchIndex].icon = icon;       o[matchIndex].type = buttonType || "Default";     }         itemConfigMiddle = JSON.stringify(o);
void addMiddleItem	Add an item to a middle header button.  Will add the middle header button if it does not yet exist. Add an item called 'Help' to header button with key 'MENU' with an icon sys-help-2 FIORIBAR_1.addItem("MENU", "help", "Help", "sap-icon://sys-help-2"); Name Type Help buttonKey String Button Key itemKey String Item Key itemText String Item Text itemIcon String [ optional ] Item Icon
Source Code	var o = eval(this.itemConfigMiddle);     var matchIndex = -1;     for(var i=0;i<o.length;i++){       if(o[i].key == buttonKey) matchIndex = i;     }     if(matchIndex == -1 ){  // Add section for the lazy       this.addMiddleHeaderButton(buttonKey, buttonKey);       o = eval(this.itemConfigMiddle);       matchIndex = o.length-1;     }     o[matchIndex].items.push({       key : itemKey,       text : itemText,       icon : itemIcon || ""     });     itemConfigMiddle = JSON.stringify(o);
void addRightHeaderButton	Add a right header button Add or update a right header button by key 'MENU'. FIORIBAR_1.addRightHeaderButton("MENU","Menu",false,"sap-icon://menu2","Emphasized"); Name Type Help buttonKey String Button Key buttonTitle String Button Title showTitle boolean [ optional ] Show Title icon String [ optional ] Icon buttonType String [ optional ] Button Type
Source Code	var o = eval(this.itemConfigRight);     var matchIndex = -1;     var sTitle = true;     if(showTitle != undefined) sTitle = showTitle;     var h;     for(var i=0;i<o.length;i++){       if(o[i].key == buttonKey) matchIndex = i;     }     if(matchIndex==-1) {       o.push({         key : buttonKey,         text : buttonTitle,         showTitle : sTitle,         icon : icon,         items : [],         type : buttonType || "Default"       });     }else{  // Don't overwrite items       o[matchIndex].text = buttonTitle;       o[matchIndex].showTitle = sTitle;       o[matchIndex].icon = icon;       o[matchIndex].type = buttonType || "Default";     }         itemConfigRight = JSON.stringify(o);
void addRightItem	Add an item to a right header button.  Will add the right header button if it does not yet exist. Add an item called 'Help' to header button with key 'MENU' with an icon sys-help-2 FIORIBAR_1.addRightItem("MENU", "help", "Help", "sap-icon://sys-help-2"); Name Type Help buttonKey String Button Key itemKey String Item Key itemText String Item Text itemIcon String [ optional ] Item Icon
Source Code	var o = eval(this.itemConfigRight);     var matchIndex = -1;     for(var i=0;i<o.length;i++){       if(o[i].key == buttonKey) matchIndex = i;     }     if(matchIndex == -1 ){  // Add section for the lazy       this.addRightHeaderButton(buttonKey, buttonKey);       o = eval(this.itemConfigRight);       matchIndex = o.length-1;     }     o[matchIndex].items.push({       key : itemKey,       text : itemText,       icon : itemIcon || ""     });     itemConfigRight = JSON.stringify(o);
String getHeaderClicked	Get header of and item clicked.
Source Code	return this.selectedHeader;
String getHeaderKeyClicked	Get header key of and item clicked.
Source Code	return this.selectedHeaderKey;
String getItemClicked	Get item clicked.
Source Code	return this.selectedItem;
String getItemKeyClicked	Get item key clicked.
Source Code	return this.selectedItemKey;
void removeAllLeftButtons	Remove All Left Buttons Remove all left buttons FIORIBAR_1.removeAllLeftButtons();
Source Code	itemConfigLeft = JSON.stringify([]);
void removeAllLeftItems	Remove All Items in a left header button Remove all items in left header button 'MENU' FIORIBAR_1.removeAllLeftItems("Menu"); Name Type Help buttonKey String Button Key
Source Code	var o = eval(this.itemConfigLeft);     var matchIndex = -1;     for(var i=0;i<o.length;i++){       if(o[i].key == buttonKey) matchIndex = i;     }     if(matchIndex>-1) o[matchIndex].items = [];     itemConfigLeft = JSON.stringify(o);
void removeAllMiddleButtons	Remove All Middle Buttons Remove all middle buttons FIORIBAR_1.removeAllMiddleButtons();
Source Code	itemConfigMiddle = JSON.stringify([]);
void removeAllMiddleItems	Remove All Items in a middle header button Remove all items in middle header button 'MENU' FIORIBAR_1.removeAllMiddleItems("Menu"); Name Type Help buttonKey String Button Key
Source Code	var o = eval(this.itemConfigMiddle);     var matchIndex = -1;     for(var i=0;i<o.length;i++){       if(o[i].key == buttonKey) matchIndex = i;     }     if(matchIndex>-1) o[matchIndex].items = [];     itemConfigMiddle = JSON.stringify(o);
void removeAllRightButtons	Remove All Right Buttons Remove all right buttons FIORIBAR_1.removeAllRightButtons();
Source Code	itemConfigRight = JSON.stringify([]);
void removeAllRightItems	Remove All Items in a right header button Remove all items in right header button 'MENU' FIORIBAR_1.removeAllRightItems("Menu"); Name Type Help buttonKey String Button Key
Source Code	var o = eval(this.itemConfigRight);     var matchIndex = -1;     for(var i=0;i<o.length;i++){       if(o[i].key == buttonKey) matchIndex = i;     }     if(matchIndex>-1) o[matchIndex].items = [];     itemConfigRight = JSON.stringify(o);
void removeLeftHeaderButton	Remove a left button Remove a left header button with key 'MENU' FIORIBAR_1.removeLeftHeaderButton("MENU"); Name Type Help buttonKey String Button Key
Source Code	var o = eval(this.itemConfigLeft);     var matchIndex = -1;     for(var i=0;i<o.length;i++){       if(o[i].key == buttonKey) matchIndex = i;     }     if(matchIndex>-1) o.splice(matchIndex,1);     itemConfigLeft = JSON.stringify(o);
void removeLeftItem	Removes an item from a left header button. Remove an item with key 'HELP' from left header button with key 'MENU' FIORIBAR_1.removeLeftItem("MENU", "HELP"); Name Type Help buttonKey String Button Key itemKey String Item Key
Source Code	var o = eval(this.itemConfigLeft);     var matchIndex = -1;     for(var i=0;i<o.length;i++){       if(o[i].key == buttonKey) matchIndex = i;     }     if(matchIndex != -1 ){       var items = o[matchIndex].items;       var itemIndex = -1;       for(var i=0;i<items.length;i++){         if(items[i].key == itemKey) itemIndex = i;       }       if(itemIndex>-1) items.splice(itemIndex,1);       itemConfigLeft = JSON.stringify(o);     }
void removeMiddleHeaderButton	Remove a middle button Remove a middle header button with key 'MENU' FIORIBAR_1.removeMiddleHeaderButton("MENU"); Name Type Help buttonKey String Button Key
Source Code	var o = eval(this.itemConfigMiddle);     var matchIndex = -1;     for(var i=0;i<o.length;i++){       if(o[i].key == buttonKey) matchIndex = i;     }     if(matchIndex>-1) o.splice(matchIndex,1);     itemConfigMiddle = JSON.stringify(o);
void removeMiddleItem	Removes an item from a middle header button. Remove an item with key 'HELP' from middle header button with key 'MENU' FIORIBAR_1.removeMiddleItem("MENU", "HELP"); Name Type Help buttonKey String Button Key itemKey String Item Key
Source Code	var o = eval(this.itemConfigMiddle);     var matchIndex = -1;     for(var i=0;i<o.length;i++){       if(o[i].key == buttonKey) matchIndex = i;     }     if(matchIndex != -1 ){       var items = o[matchIndex].items;       var itemIndex = -1;       for(var i=0;i<items.length;i++){         if(items[i].key == itemKey) itemIndex = i;       }       if(itemIndex>-1) items.splice(itemIndex,1);       itemConfigMiddle = JSON.stringify(o);     }
void removeRightHeaderButton	Remove a right button Remove a right header button with key 'MENU' FIORIBAR_1.removeRightHeaderButton("MENU"); Name Type Help buttonKey String Button Key
Source Code	var o = eval(this.itemConfigRight);     var matchIndex = -1;     for(var i=0;i<o.length;i++){       if(o[i].key == buttonKey) matchIndex = i;     }     if(matchIndex>-1) o.splice(matchIndex,1);     itemConfigRight = JSON.stringify(o);
void removeRightItem	Removes an item from a right header button. Remove an item with key 'HELP' from right header button with key 'MENU' FIORIBAR_1.removeRightItem("MENU", "HELP"); Name Type Help buttonKey String Button Key itemKey String Item Key
Source Code	var o = eval(this.itemConfigRight);     var matchIndex = -1;     for(var i=0;i<o.length;i++){       if(o[i].key == buttonKey) matchIndex = i;     }     if(matchIndex != -1 ){       var items = o[matchIndex].items;       var itemIndex = -1;       for(var i=0;i<items.length;i++){         if(items[i].key == itemKey) itemIndex = i;       }       if(itemIndex>-1) items.splice(itemIndex,1);       itemConfigRight = JSON.stringify(o);     }