<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs title="MyBranch Dashboard Mk VI">
    <Require feature="dynamic-height"/>
  </ModulePrefs>
  <Content type="html">
  <![CDATA[
    <script>
          function get_dimensions() {
            var dimensions = gadgets.window.getViewportDimensions();
            var html = "Height: " +  dimensions.height + " Width: " + dimensions.width;
            document.getElementById("myBranch").innerHTML = html;
          }
     </script>
     <style>
        #myBranch {
          background: pink;
          text-align: center;
          overflow: hidden;
        }
     </style>
    <div id="myBranch" style="height: auto;">
      <h1>CONTENT GOES HERE</h1>
      <h1>CONTENT GOES HERE</h1>
      <h1>CONTENT GOES HERE</h1>
      <h1>CONTENT GOES HERE</h1>
      <h1>CONTENT GOES HERE</h1>
      <h1>CONTENT GOES HERE</h1>
      <h1>CONTENT GOES HERE</h1>
      <h1>CONTENT GOES HERE</h1>
      <h1>CONTENT GOES HERE</h1>
      <h1>CONTENT GOES HERE</h1>
      <h1>CONTENT GOES HERE</h1>
      <h1>CONTENT GOES HERE</h1>
      <h1>CONTENT GOES HERE</h1>
      <h1>CONTENT GOES HERE</h1>
      <h1>CONTENT GOES HERE</h1>
      <h1>CONTENT GOES HERE</h1>
      <h1>CONTENT GOES HERE</h1>
      <h1>CONTENT GOES HERE</h1>
      <h1>CONTENT GOES HERE</h1>
      <h1>CONTENT GOES HERE</h1>
      <h1>CONTENT GOES HERE</h1>
    </div>
  ]]>
  </Content>
</Module>