September 13, 2017 at 3:11 am
#403
Bill Finzer
Keymaster
OK, so we’re assuming you can create a webpage. Here are the steps:
- Create the CODAP document just how you want it, with everything laid out starting at the top left. Give this document a name and save it.
- In the 3-strips menu choose Share… / Get link to shared view. This will open a dialog box.
- Press the Enable Sharing button. This will bring up a Share dialog box.
- Choose the middle tab Embed.
- Copy the code in the box (the text that starts with “<iframe”).
- Go into your web page editor where you want to embed the CODAP document.
- Paste the code you copied in the desired place.
- Edit the code by inserting “?componentMode=yes” in the place shown here:
src="https://codap.concord.org/app/<strong>?componentMode=yes</strong>#shared=12345">
- Open your web page and figure out what width and height of the rectangle you want and edit those two numbers in the code.
Notice that CODAP’s tool shelf is not showing. That’s because you added the code that turns on “componentMode.”
Be aware that you can at any time go back to your original saved document, make changes, save them, and use Share… / Update shared view so that the next time your web page is viewed, your changes are there.
Hoping this works,
Bill