Embedding within a Rapidweaver project

knowledgebase

#1

Rapidweaver 7

Check out this great tutorial on HypeDocks: http://www.hypedocks.com/embedding-hype-animation-in-rapidweaver/

Rapidweaver 6

A Rapidweaver project accepts snippets of HTML, which is the code
required to display web pages. This is also the language used for
embedding a Tumult Hype document. Here’s how to get your Tumult Hype document in your Rapidweaver project:

  • First, upload your Tumult Hype document to the web. You may want to read our guide to uploading via FTP if you are confused by this step.
  • Once you have a URL for your Tumult Hype document (for example, http://example.com/mytumulthypedocument.html) you are ready to place it in your Rapidweaver project.
  • Enter ‘HTML’ mode by clicking the pencil toggle at the bottom of Rapidweaver
  • Click ‘Snippets’ at the top. 
  • Click the plus button to add a new snippet. 
  • Give your snippet a title (helpful for reusing snippets elsewhere in your Rapidweaver project)
  • Save your snippet
  • You can now drag your snippet to the document area. This will place the snippet code. 

Here is sample code. You would need to replace the src value, and ensure
that the width and height of your document match your document:

<iframe src="http://example.com/folder/document.html" height="400" width="960" style="border:none;" frameborder="0" scrolling="no"></iframe>

If you are working with a responsive Tumult Hype document, your number
400 & 960, would correspond to your percentage-based values set in
the document inspector. 

You would then ‘Save’ the snippet, and drag the snippet to where you want it to appear in Rapidweaver: