Looking at the ngDialog example, they showcase a modal with multiple 'panes' that can be scrolled through: .
After going through the ngDialog guide, I couldn't find a straightforward way to achieve this. Any suggestions on how to add a button on each pane for moving to the next one in the modal would be highly appreciated. I'm aiming for functionality similar to the example shown, but without the animation.
Thanks!
//This is how I initialize ngDialog in my Controller
$scope.clickToOpen = function(testy) {
ngDialog.open({
template: 'createNewTemplate',
scope: $scope
});
};
Here's the HTML Template I am using:
<form ng-submit="login()">
<h1>Login</h1>
<input type="text" ng-model="loginUser.email" placeholder="Email">
<input type="text" ng-model="loginUser.password" placeholder="Password">
<button ng-click="goToNextPane()"> Login </button>
</form>