| 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. |
Hi i want to show slide menu in my app. I am new to kony how can we show slide menu
Hi,
Please refer to the below document for information on hamburger menu.
http://docs.kony.com/konylibrary/visualizer/viz_widget_prog_guide/Content/SlidingContainer.htm
Hope this document helps you.
Thank you,
Thanks for your reply
I did not get exactly what i need . I have checked that document before posting the question
Hi,
Thank you for the confirmation.
Can you please elaborate your requirement ? Please share a sample screenshot of your requirement.
Meanwhile, you can also refer to the one of the component from Marketplace.
https://marketplace.kony.com/items/sliding-menu-0
Thank you,
Hi,
Thank you for your response.
Please find the below screen for your reference . when i move from find flight option to corresponding screen its working but when i came back and tried to move find hotel screen its not working. is there any specification to move to particular screen when we have multiple options. In my case first option to corresponding screen working but not multiple options. Please send me if you have any sample code.
**Image removed for security reasons**
Thank you.
Hi,
If you have any sample code for this please send . It will be helpful to me a lot.
Thanks
you can edit it in flex_menu_overlay flex container, in the on_click. action.
sample code:-
function AS_FlexContainer_j241beec7d8a4e0e8b2f906a7b2634e6(eventobject) {
var self = this;
function MOVE_ACTION____h686fc2cba954a698adcac76f970acd4_Callback() {}
function MOVE_ACTION____e3d8f604aead48fa90c770317b1e41cd_Callback() {}
function MOVE_ACTION____e4465995cd1443689cc4298794f084c0_Callback() {}
function MOVE_ACTION____ja99e8092bfc47fb9dc0321c470dccc3_Callback() {}
function MOVE_ACTION____ce7324be7e9c4705a732ac71f6cefb3c_Callback() {}
function MOVE_ACTION____d6dc30c3942a4b7a9b6df1cb71b8a705_Callback() {}
function MOVE_ACTION____i5d2fd79a3894bf5a03a5695ddc36a89_Callback() {}
function MOVE_ACTION____f4be2ab4cff5484095af8f4f171db090_Callback() {}
self.view.flxHomeContent.animate(
kony.ui.createAnimation({
"100": {
"left": "0%",
"stepConfig": {
"timingFunction": kony.anim.EASE
}
}
}), {
"delay": 0,
"iterationCount": 1,
"fillMode": kony.anim.FILL_MODE_FORWARDS,
"duration": 0.25,
"direction": kony.anim.DIRECTION_ALTERNATE
}, {
"animationEnd": MOVE_ACTION____f4be2ab4cff5484095af8f4f171db090_Callback
});
self.view.hamburgerMenu.flxMenuUserInfo.animate(
kony.ui.createAnimation({
"100": {
"left": "-100%",
"stepConfig": {
"timingFunction": kony.anim.EASE
}
}
}), {
"delay": 0,
"iterationCount": 1,
"fillMode": kony.anim.FILL_MODE_FORWARDS,
"duration": 0.25
}, {
"animationEnd": MOVE_ACTION____i5d2fd79a3894bf5a03a5695ddc36a89_Callback
});
self.view.hamburgerMenu.flxMenuOption1.animate(
kony.ui.createAnimation({
"100": {
"left": "-100%",
"stepConfig": {
"timingFunction": kony.anim.EASE
}
}
}), {
"delay": 0.1,
"iterationCount": 1,
"fillMode": kony.anim.FILL_MODE_FORWARDS,
"duration": 0.25
}, {
"animationEnd": MOVE_ACTION____d6dc30c3942a4b7a9b6df1cb71b8a705_Callback
});
self.view.hamburgerMenu.flxMenuOption5.animate(
kony.ui.createAnimation({
"100": {
"left": "-100%",
"stepConfig": {
"timingFunction": kony.anim.EASE
}
}
}), {
"delay": 0.3,
"iterationCount": 1,
"fillMode": kony.anim.FILL_MODE_FORWARDS,
"duration": 0.25
}, {
"animationEnd": MOVE_ACTION____ce7324be7e9c4705a732ac71f6cefb3c_Callback
});
self.view.hamburgerMenu.flxLogout.animate(
kony.ui.createAnimation({
"100": {
"left": "-100%",
"stepConfig": {
"timingFunction": kony.anim.EASE
}
}
}), {
"delay": 0.35,
"iterationCount": 1,
"fillMode": kony.anim.FILL_MODE_FORWARDS,
"duration": 0.25
}, {
"animationEnd": MOVE_ACTION____ja99e8092bfc47fb9dc0321c470dccc3_Callback
});
self.view.hamburgerMenu.flxMenuOption2.animate(
kony.ui.createAnimation({
"100": {
"left": "-100%",
"stepConfig": {
"timingFunction": kony.anim.EASE
}
}
}), {
"delay": 0.15,
"iterationCount": 1,
"fillMode": kony.anim.FILL_MODE_FORWARDS,
"duration": 0.25
}, {
"animationEnd": MOVE_ACTION____e4465995cd1443689cc4298794f084c0_Callback
});
self.view.hamburgerMenu.flxMenuOption3.animate(
kony.ui.createAnimation({
"100": {
"left": "-100%",
"stepConfig": {
"timingFunction": kony.anim.EASE
}
}
}), {
"delay": 0.2,
"iterationCount": 1,
"fillMode": kony.anim.FILL_MODE_FORWARDS,
"duration": 0.25
}, {
"animationEnd": MOVE_ACTION____e3d8f604aead48fa90c770317b1e41cd_Callback
});
self.view.hamburgerMenu.flxMenuOption4.animate(
kony.ui.createAnimation({
"100": {
"left": "-100%",
"stepConfig": {
"timingFunction": kony.anim.EASE
}
}
}), {
"delay": 0.25,
"iterationCount": 1,
"fillMode": kony.anim.FILL_MODE_FORWARDS,
"duration": 0.25
}, {
"animationEnd": MOVE_ACTION____h686fc2cba954a698adcac76f970acd4_Callback
});
}