Swapnil Patwa
Does it affect bundle size?
Levente Kosa
No, it won't. You just need to the ExtendMenuProvider, which is only code. No additional image or other heavy size file.
3D Sidemenu pack - Ionic 2.x/3.x
10 amazing 3D Sidemenu animation in one pack
$10.00
Levente Kosa
Member since 2015
Details
3D Sidemenu pack
This plugin is compatible with Ionic v2.x and v3.x!
10 smooth 3D sidemenu animation, all in one package! Only a few minutes to integrate.
Available animations:
- 3d
- 3d open
- 3d skew
- 3d fall down
- 3d float up
- 3d scale back
- 3d scale up
- 3d rotate out
- 3d reverse slide
- 3d content down
Test Before You Buy
You can test the app using Ionic View and enter the app ID: f3d4e489
Please use the new Ionic View App (blue icon). From 1st January 2018, Ionic Team shut down the older version.
Usage
If you want to use the plugin as it is, just installs node modules and run the local server
$ npm install
$ ionic serve --labIf you want to use the plugin in your existing code, then follow the further steps
Copy providers/extend-menu/extend-menu to your providers library, and import into app.module.ts
import { ExtendMenuProvider } from '../providers/extend-menu/extend-menu';- Add it to the providers list in the app/app.module.ts file
providers: [ExtendMenuProvider] - Copy app/app.scss content to your own app.scss file
- Select a menu type from the options and include it within the <ion-menu> element, as shown below, at the top of your app.html file. Add "fullWidthMenu" class if needed.
- Enjoy!
Types:
<ion-menu type="3d" class="fullWidthMenu" [content]="content">...</ion-menu><ion-menu type="3d-open" [content]="content">...</ion-menu><ion-menu type="3d-skew" [content]="content">...</ion-menu><ion-menu type="3d-fall-down" [content]="content">...</ion-menu><ion-menu type="3d-float-up" [content]="content">...</ion-menu><ion-menu type="3d-scale-back" [content]="content">...</ion-menu><ion-menu type="3d-scale-up" [content]="content">...</ion-menu><ion-menu type="3d-rotate-out" [content]="content">...</ion-menu><ion-menu type="3d-reverse-slide" [content]="content">...</ion-menu><ion-menu type="3d-content-down" class="fullWidthMenu" [content]="content">...</ion-menu>
Please consider leaving a rating and review, it would be really helpful to get your feedback. Thank you.
Hey there! You'll need to log in before you can leave a comment here.
Thodoris Elissaios
hello how well does it perform with native google maps in full screen ?
Levente Kosa
Hi. I don't think it should cause any problem. Are you about to try this? https://ionicframework.com/docs/native/google-maps/
Levente Kosa
This is a fully independent plugin, based on Ionic original menu. I don’t think it wouldn’t work together.
Thaddeus Masika
Is it possible to be customized to have multilevel menu and the top part to have a background?
Levente Kosa
Hi, Yes, it is possible. This plugin works on top of the default Ionic menu. I would try one of these code below, both seems doable: - https://github.com/moberwasserlechner/ionic-hierarchical-menu - https://github.com/sebaferreras/Ionic3-MultiLevelSideMenu - https://www.djamware.com/post/58fdf9f080aca7414e78a63a/ionic-3-and-angular-4-multi-level-accordion-menu-example And what do you mean having background of the top part? Do you mean the main navbar header or the header of the sidemenu?
Thaddeus Masika
have a look at the top part of the menu on this link http://www.android4devs.com/2014/12/how-to-make-material-design-navigation-drawer.html, thats what i want to achieve
Thaddeus Masika
Also check this out https://assets.materialup.com/uploads/ec86df98-3e0a-424c-8314-717f9501d87b/Google%2525252B%25252Bconcept%25252B-%25252B1
Levente Kosa
This is quite a custom solution, but not a problem. You just need to add the code into app.html and make the css as you like it. <ion-menu type="3d-scale-back" [content]="content"> <ion-content> Custom content goes here </ion-content> </ion-menu> From this point you controll the whole template. I hope this helps.
Thaddeus Masika
Hi, when i use it with a project with Tabs, the page shifting down is completely hidden when I use 3d-content-down
Levente Kosa
Could you send me a print screen? I just tested it with the latest version and it worked well. More info would be great. Thank you.
martin donadieu
hello i just purchase your module and i get a bug :/ when i click on the menu the 3d effect work but no menu that empty :/
Levente Kosa
Hi, yeah, I just wanted to ask about scss. I'm glad you find it. If you need anything, just let me know.
Jemli Fathi
Hi, I already purchase your project, unfortunately I am working with Ionic 4 and it seems that things are different. Do you think we still can use your module? If yes can you provide us with a guide line to integrate this plugin in an Ionic 4 project Thank you
Levente Kosa
Hi all, I'm working on the issue, but at the moment there is no solution yet. Because of a lot of things changed in Ionic 4, the plugin is not compatible yet. It's quite complex, I need more time. If anybody wants a refund, please let me know.
Alex Frei
Hi Levente, i like your plugin but i need it for Ionic 4, did you already found a solution for Ionic 4?
Levente Kosa
Hi Alex, Sorry, but I'm very busy with other projects. I don't know when will I have time to do it. Sorry about that.
Jemli Fathi
Hi, I already purchase your project, unfortunately I am working with Ionic 4 and it seems that things are different. Do you think we still can use your module? If yes can you provide us with a guide line to integrate this plugin in an Ionic 4 project Thank you
Levente Kosa
Hi all, I'm working on the issue, but at the moment there is no solution yet. Because of a lot of things changed in Ionic 4, the plugin is not compatible yet. It's quite complex, I need more time. If anybody wants a refund, please let me know.
Alex Frei
Hi Levente, i like your plugin but i need it for Ionic 4, did you already found a solution for Ionic 4?
Levente Kosa
Hi Alex, Sorry, but I'm very busy with other projects. I don't know when will I have time to do it. Sorry about that.
martin donadieu
hello i just purchase your module and i get a bug :/ when i click on the menu the 3d effect work but no menu that empty :/
Levente Kosa
Hi, yeah, I just wanted to ask about scss. I'm glad you find it. If you need anything, just let me know.
Thaddeus Masika
Hi, when i use it with a project with Tabs, the page shifting down is completely hidden when I use 3d-content-down
Levente Kosa
Could you send me a print screen? I just tested it with the latest version and it worked well. More info would be great. Thank you.
Thaddeus Masika
Is it possible to be customized to have multilevel menu and the top part to have a background?
Levente Kosa
Hi, Yes, it is possible. This plugin works on top of the default Ionic menu. I would try one of these code below, both seems doable: - https://github.com/moberwasserlechner/ionic-hierarchical-menu - https://github.com/sebaferreras/Ionic3-MultiLevelSideMenu - https://www.djamware.com/post/58fdf9f080aca7414e78a63a/ionic-3-and-angular-4-multi-level-accordion-menu-example And what do you mean having background of the top part? Do you mean the main navbar header or the header of the sidemenu?
Thaddeus Masika
have a look at the top part of the menu on this link http://www.android4devs.com/2014/12/how-to-make-material-design-navigation-drawer.html, thats what i want to achieve
Thaddeus Masika
Also check this out https://assets.materialup.com/uploads/ec86df98-3e0a-424c-8314-717f9501d87b/Google%2525252B%25252Bconcept%25252B-%25252B1
Levente Kosa
This is quite a custom solution, but not a problem. You just need to add the code into app.html and make the css as you like it. <ion-menu type="3d-scale-back" [content]="content"> <ion-content> Custom content goes here </ion-content> </ion-menu> From this point you controll the whole template. I hope this helps.
Thodoris Elissaios
hello how well does it perform with native google maps in full screen ?
Levente Kosa
Hi. I don't think it should cause any problem. Are you about to try this? https://ionicframework.com/docs/native/google-maps/
Levente Kosa
This is a fully independent plugin, based on Ionic original menu. I don’t think it wouldn’t work together.
Swapnil Patwa
Does it affect bundle size?
Levente Kosa
No, it won't. You just need to the ExtendMenuProvider, which is only code. No additional image or other heavy size file.
Hey there! You'll need to log in and purchase the add-on before you can leave a rating here.
Swapnil Patwa
Amazing plugin. It took 5 minutes to integrate and few minutes to customize it. Tested it on browser and android. It was very smooth, no breaks.
yanuar abednego
Works flawlessly on ios and android !
Paul Hontz
Great job.
Matthieu
Nice work
{{ rating.comment }}
{{ rating.comment }}
Matthieu
Nice work
Paul Hontz
Great job.
yanuar abednego
Works flawlessly on ios and android !
Swapnil Patwa
Amazing plugin. It took 5 minutes to integrate and few minutes to customize it. Tested it on browser and android. It was very smooth, no breaks.