A side menu drawer for Ionic apps
ionic-team / ionic-ion-drawer Goto Github PK
View Code? Open in Web Editor NEWA side menu drawer for Ionic apps
A side menu drawer for Ionic apps
How to disable drawer from left side?
The extra ;
here breaks the module injection.
openDrawer() and closeDrawer() both function does not work. Dragging to open and close drawer works but clicking on item does not close drawer. I am using ionic 1.2.4. has anyone the solution. Documentation has used ion-pane in side menu but i am using ion-side-menu-content. Can anyone give code in details.
By default when I load up the project the menu is open, so I click on the close button but nothing happens. I've tried changing a bunch of stuff around but to no avail. There doesn't appear to be a closeDrawer() function in the javascript; what should ng-click be calling?
Hi,
Just came across this repo. haven't been able to get it to work, no README, instructions or something.
And there's 9 open PRs, any ideas on when these will be merged?
Thanks.
how to make ionic.drawer show in one page and hide another page.(control drawer with my controller )
My requirement : Sign in page should not drawer and but other pages should contain it
side menu drawer is starting with app using state provider (abstract: true)
I've tried this (but it is not working )
drawer side="left" canDrag="true"
drawer side="left" canDrag="false"
I found a big issue with this implementation of drawer, when the menu is scroller to down or up, is extremely sensitive and when I scroll I can drag to left or right.
Will your drawer work from both sides at a time?
Hi,
I tested Ionic Drawer and it works like a charm. I noticed that it doesn't have slide/pull to open and close option. Is there some way to add this feature?
Thanks in advance!!
I'm trying to ionic -ion -drawer work with a higher ionic version 1.1.0 .
By changing the lib 1.1.0 1.0.0 by ionic the menu stops working.
has anybody tried to use two of this at the same time?
inside the doDrag
function there is a control like this:
if (side == RIGHT)
{ newX = Math.max(0, width - (clientWidth - (lastX - offsetX))); }
the control if side=='LEFT'
is missing...
I've not tested my new code with side=='RIGHT'
, but I suggest something like this:
if ( self.opened )
{ // I'm closing
if (side == RIGHT)
{ newX = Math.max(0, width - (clientWidth - (lastX - offsetX))); }
else
{ newX = Math.min(0, width - (clientWidth - (lastX - offsetX))); }
}
else
{ // I'm opening
if (side == RIGHT)
{ newX = Math.max(0, width - (clientWidth - (lastX - offsetX))); }
}
Hi,
I am using ionic-ion-drawer for my app. The problem i am facing is when i reload my controller, the drawer does not open. It works fine if i kill the app and reopen it.
The code i am using to reload the controller is :
$state.go($state.current.name,null,{reload:true});
Can anyone please help me out with this?
Thanks..
Hey there,
right now I am running a layout which removes the standard menu icon once the drawer is open. Instead of clicking outside of the menu to close it is there a way to set it so that the drawer automatically closes once a side-menu item is clicked. I have tried both "menu-close" and "menu-and-drawer-close" and nothing works. The pages open no problem, but the drawer is still open as well.
Any fix would be super helpful.
canDragContent() not working.
not working
$stateProvider
.state('app', {
url: '/app',
abstract: true,
templateUrl: 'templates/sidemenu.html',
controller: 'AppCtrl'
})
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.