title: How to hide the ribbon on the sharepoint modal box , also the scrollers are not working
body: <p>Modal Dialog Options</p>
  
  <pre><code>function Myfunction() {
  
      var clientContext = new SP.ClientContext.get_current();
      var options = {
          url: clientContext.get_url() + "/_layouts/Page1.aspx",
          showMaximized: true,  
  
          //width: 950,  
          //height: 1000,  
          dialogReturnValueCallback: myCallback
      };
      SP.UI.ModalDialog.showModalDialog(options);
      return false;
  }
  
  function myCallback(dialogResult, returnValue) {
  }  
  </code></pre>
  
  <p>I am trying to hide the ribbon which is coming on the modal box .. I have the added the below css on Page1.aspx   </p>
  
  <pre><code>&lt;style type="text/css"&gt;  
  .s4-notdlg
  {
     display:none;
  }
  </code></pre>
  
  <p>It hides only the Site Actions part and the logged in name of the user. I still have the black thick image of the ribbon on my page. I want the complete ribbon to be hidden. Also, the scroll bars appear on the page, but they do not scroll completely to the bottom of the page.</p>
  
  <p>Some one please help me.</p>