How to use ps-push="true" with ps-container

[Mangesh-P]

I want to use pageslide inside a container.

I see the code param.push = param.push && !param.container; which means I cannot use push inside the container.

Is this true. If not how can i push the content inside the container.

[daerogami]

I can't tell you which is best practice but the idea is that you expose the 'open' boolean (via event, rootscope, or valueProvider) from your PageslideController so the container's parent's controller knows its open. Then use ng-class="{'css-class-for-pushing': exposedOpenBool}" on the elements you want to move.

To be more terse, pageslide will only insert the element, its up to you to move the sibling elements around. My example above is not the only way to achieve this and may have pitfalls I haven't considered.

[wadigzon]

I had to do what daerogami said. My panel was showing from the right and content was being pushed to the left. Style used was { position: relative; left: -300px; }. Used ng class on the content view and $scope.$on, to catch that message, also use $scope.$on @ $rootScope to gather the signaling and forward the actual message to the sibling $scope (content scope - not directly related to initiating scope).