downloads/_index.html

<div id="midcolumn">

  <h1>Downloads</h1>

  <div class="homeitem3col">

    <p>
      The most convenient way to get RAP is the Eclipse package <em>for
      RCP and RAP Developers</em> from the
      <a href="http://www.eclipse.org/downloads/">Helios
      download page</a>.
      This IDE includes everything you need to develop RCP and RAP
      applications.
    </p>
    <p>
      <div class="download-button">
        <a href="http://www.eclipse.org/downloads/">
          <div style="margin: 0pt 5px;">
            <span class="download-icon" style="position: relative; top: -30px;"></span>
            <img src="../images/epp-download.png" alt="Eclipse for RCP and RAP Developers"/>
          </div>
        </a>
      </div>
    </p>

    <h3>RAP Tooling</h3>

    <p>
      The RAP Tooling contains useful tools, templates and documentation for RAP
      developers.
      It also installs the RAP target platform which is included.
      <a href="/rap/getting-started/">Learn</a> how to install RAP and build
      your first RAP application.
    </p>

    <div class="expand-head">
      <div class="expand-link download-button">
        <span class="download-icon"></span>
        <span>latest stable build</span>
      </div>
      <div class="expand-link download-button">
        <span class="download-icon"></span>
        <span>latest release</span></span>
      </div>
    </div>

    <div class="expand-body">
      <!-- Tooling Latest Stable Build -->
      <div class="expand-item">
        <strong>{STABLE_NAME}</strong>
        <p>
          {STABLE_TOOLING_DESCRIPTION}
          <br/>
          Build date: {STABLE_DATE}
          <br/>
          <a href="{STABLE_NOTEWORTHY_URL}">New &amp; Noteworthy</a>
        </p>
        <p class="download-row">
          <img src="/rap/images/site.gif" />
          Software site:
          <strong>{STABLE_TOOLING_UPDATE_SITE}</strong>
        </p>
        <p class="download-row">
          <img src="/rap/images/zip.gif" />
          Zipped version:
          <a href="{STABLE_TOOLING_DOWNLOAD_URL}">{STABLE_TOOLING_ZIP}</a>
        </p>
      </div>
      
      <!-- Tooling Latest Release -->
      <div class="expand-item">
        <strong>{RELEASE_NAME}</strong>
        <p>
          {RELEASE_TOOLING_DESCRIPTION}
          <br/>
          Release date: {RELEASE_DATE}
          <br/>
          <a href="{RELEASE_NOTEWORTHY_URL}">New &amp; Noteworthy</a>
        </p>
     
        <p class="download-row">
          <img src="/rap/images/site.gif" />
          Software site:
          <strong>{RELEASE_TOOLING_UPDATE_SITE}</strong>
        </p>
        <p class="download-row">
          <img src="/rap/images/zip.gif" />
          Zipped version:
          <a href="{RELEASE_TOOLING_DOWNLOAD_URL}">{RELEASE_TOOLING_ZIP}</a>
        </p>
      </div>
    </div>

    <h3>RAP Runtime (Target Components)</h3>

    <p>
      This contains the RAP runtime, including sources and a simple demo
      application. Note that this is already included in the RAP Tooling.
    </p>
    <p>
      To develop RAP applications you need to set the RAP runtime as your
      target platform.
      <a href="/rap/getting-started/runtime-install/">Learn</a> how to work with the target
      platform.
    </p>

    <p style="border-left: 3px solid #dd0000; padding: 2px 5px; color: #dd0000; font-weight: bold;">
      This is a target platform, do not try to install it into the Eclipse IDE!
    </p>

    <div class="expand-head">
      <div class="expand-link download-button">
        <span class="download-icon"></span>
        <span>latest stable build</span>
      </div>
      <div class="expand-link download-button">
        <span><span class="download-icon"></span>
        <span>latest release</span></span>
      </div>
    </div>

    <div class="expand-body">

      <!-- Runtime Latest Stable Build -->
      <div class="expand-item">
        <strong>{STABLE_NAME}</strong>
        <p>
          {STABLE_RUNTIME_DESCRIPTION}
          <br/>
          Build date: {STABLE_DATE}
          <br/>
          <a href="{STABLE_NOTEWORTHY_URL}">New &amp; Noteworthy</a>
        </p>
        <p class="download-row">
          <img src="/rap/images/site.gif" />
          Software site:
          <strong>{STABLE_RUNTIME_UPDATE_SITE}</strong>
        </p>
        <p class="download-row">
          <img src="/rap/images/zip.gif" />
          Zipped version:
          <a href="{STABLE_RUNTIME_DOWNLOAD_URL}">{STABLE_RUNTIME_ZIP}</a>
        </p>
      </div>
     
      <!-- Runtime Latest Release -->
      <div class="expand-item">
        <strong>{RELEASE_NAME}</strong>
        <p>
          {RELEASE_RUNTIME_DESCRIPTION}
          <br/>
          Release date: {RELEASE_DATE}
          <br/>
          <a href="{RELEASE_NOTEWORTHY_URL}">New &amp; Noteworthy</a>
        </p>

        <p class="download-row">
          <img src="/rap/images/site.gif" />
          Software site:
          <strong>{RELEASE_RUNTIME_UPDATE_SITE}</strong>
        </p>
        <p class="download-row">
          <img src="/rap/images/zip.gif" />
          Zipped version:
          <a href="{RELEASE_RUNTIME_DOWNLOAD_URL}">{RELEASE_RUNTIME_ZIP}</a>
        </p>
      </div>
    </div>
  </div>
</div>

<div id="rightcolumn">

  <div class="sideitem">
    <h6>RAP Archives</h6>
    <ul>
      <li>
        <a href="/rap/downloads/1.4/">RAP 1.4 (2011)</a>
      </li>
      <li>
        <a href="/rap/downloads/1.3/">RAP 1.3 (2010)</a>
      </li>
      <li>
        <a href="/rap/downloads/1.2/">RAP 1.2 (2009)</a>
      </li>
      <li>
        <a href="/rap/downloads/1.1/">RAP 1.1 (2008)</a>
      </li>
      <li>
        <a href="/rap/downloads/1.0/">RAP 1.0 (2007)</a>
      </li>
    </ul>
  </div>

</div>

<script type="text/javascript">
  $( document ).ready( function() {

    $( '.expand-body' ).hide();

    $( '.download-button' ).hover( function() {
      $( this ).addClass( 'hover' );
    }, function() {
      $( this ).removeClass( 'hover' );
    } );

    $( '.expand-link' ).click( function() {
      var link = $( this );
      var body = link.closest( '.expand-head' ).next( '.expand-body' );
      var relatedItem = body.children( '.expand-item' ).eq( link.index() );
      if( body.is( ':visible' ) && relatedItem.is( ':visible' ) ) {
        body.slideUp( function() {
          link.removeClass( 'selected' );
        } );
      } else {
        relatedItem.show().siblings().hide();
        link.addClass( 'selected' ).siblings().removeClass( 'selected' );
        body.slideDown();
      }
    } );

  } );
</script>