How can add menu Option for dynamic sliding menu?

HCL Volt MX Volt MX Forum
1
This thread was migrated from an old forum. It may contain information that are no longer valid. For further assistance, please post a new question or open a support ticket from the Customer Support portal.

For Dynamic Sliding Menu i have use this code and result screen shoot is attached

createComponent: function()

{

/* Creating the component's object */

var SlidingMenu = new com.konymp.slidingmenu(

{

"clipBounds": true,

"height": "100%",

"id": "SlidingMenu",

"isVisible": true,

"layoutType": kony.flex.FREE_FORM,

"left": "0dp",

"masterType": constants.MASTER_TYPE_USERWIDGET,

"skin": "slFbox",

"top": "0dp",

"width": "100%",

"zIndex": 12

}, {}, {});

/* Setting the component's properties */

SlidingMenu.footerImageHeight = "28dp";

SlidingMenu.footerImageSrc = "konymp_sm_logout_icon.png";

SlidingMenu.footerImageWidth = "28dp";

SlidingMenu.headingText = "Jon Dave";

SlidingMenu.profileImageSrc = "user_profile.png";

SlidingMenu.profileImageTop = "15%";

SlidingMenu.slidingMenuIcon = "hamburger.png";

SlidingMenu.slidingMenuisVisible = true;

SlidingMenu.subHeadingText = "Texas";

SlidingMenu.slidingMenuDirection = "Left";

SlidingMenu.headerAnimation = "Slide In";

SlidingMenu.slidingMenuAnimation = "Squeeze";

SlidingMenu.animationSpeed = "0.25";

SlidingMenu.footerStyle = "Image & Text";

SlidingMenu.profileImageType = "Rounded Corner";

SlidingMenu.showMainMenuImage = true;

SlidingMenu.showSubMenuImage = true;

/*Adding the component to a Form*/

this.view.add(SlidingMenu);

}

I want to add menu Options i have try this code for menu Options but failed to get successful result

define(function(){

return{

createComponent: function(){

var SlidingMenu = new com.konymp.slidingmenu(

{

"clipBounds": true,

"height": "100%",

"id": "SlidingMenu",

"isVisible": true,

"layoutType": kony.flex.FREE_FORM,

"left": "0dp",

"masterType": constants.MASTER_TYPE_USERWIDGET,

"skin": "slFbox",

"top": "0dp",

"width": "100%",

"zIndex": 12

}, {}, {});

/* Setting the component's properties */

SlidingMenu.footerImageHeight = "28dp";

SlidingMenu.footerImageSrc = "option3.png";

SlidingMenu.footerImageWidth = "28dp";

SlidingMenu.headingText = "Alizay";

SlidingMenu.profileImageSrc = "option3.png";

SlidingMenu.profileImageTop = "15%";

SlidingMenu.slidingMenuIcon = "hamburger.png";

SlidingMenu.slidingMenuisVisible = true;

SlidingMenu.subHeadingText = "Alizay@gmail.com";

SlidingMenu.slidingMenuDirection = "Left";

SlidingMenu.headerAnimation = "Slide In";

SlidingMenu.slidingMenuAnimation = "Squeeze";

SlidingMenu.animationSpeed = "0.25";

SlidingMenu.footerStyle = "Image & Text";

SlidingMenu.profileImageType = "Rounded Corner";

SlidingMenu.showMainMenuImage = true;

SlidingMenu.showSubMenuImage = true;

SlidingMenu.menuOptions= true;

SlidingMenu.subMenuOptions= true;

/*Adding the component to a Form*/

this.view.add(SlidingMenu);

this.view.menu.flxMenu.menuOptions =

[

{

"menuItemIcon": "option1.png",

"menuItemName": "Sports"

},

{

"menuItemIcon": "News_Icon.png",

"menuItemName": "News"

}

];

}

};

});

screen shoot are attached

anyone Please Help me to solve this issue as soon as possible.

2

Hi @Svm Rvndvll​ ,

In your code for adding menuOptions you have used like : this.view.menu.flxMenu.menuOptions

which is causing the issue.

syntax to use : this.view.<componentID>.menuOptions

componentId as per your code is : SlidingMenu (same id given while creating component object)

so the correct code is : this.view.SlidingMenu.menuOptions

but for adding menuItems i recommend to use the addMenuItems API provided :

this.view.SlidingMenu.addMenuItems(menuOptionsArray,subMenuOptionsArray);

if you dont want submenu options you can pass empty array for subMenuOptions.