title: Multiple panes in ngDialog Modal for Angular
body: <p>In the example for ngDialog they show a modal that has multiple 'panes' that you can scroll through: <a href="http://likeastore.github.io/ngDialog/" rel="nofollow">http://likeastore.github.io/ngDialog/</a>. </p>
  
  <p>I read through the ngDialog guide and couldn't find an easy way to accomplish this - any ideas would be greatly appreciated. All I want is a button on the pane that you are able to click to go to the next pane in the modal. (Just like the example - but without the animation). </p>
  
  <p>Thanks!</p>
  
  <pre><code>         //Here is my Controller instantiation of the ngDialog
  
           $scope.clickToOpen = function(testy) {
             ngDialog.open({
               template: 'createNewTemplate',
               scope: $scope
             });
           };
  </code></pre>
  
  <p>And here is my HTML Template:</p>
  
  <pre><code>    &lt;form ng-submit="login()"&gt;
        &lt;h1&gt;Login&lt;/h1&gt;
          &lt;input type="text" ng-model="loginUser.email" placeholder="Email"&gt;
          &lt;input type="text" ng-model="loginUser.password" placeholder="Password"&gt;
          &lt;button ng-click="goToNextPane()"&gt; Login &lt;/button&gt;
      &lt;/form&gt;
  </code></pre>