Last active [hidden]
1) First of all You should check that all files were transferred to the server: the PubCoder HTML5 export package directory includes a directory with the following files:
readme.html (current file)
And the following sub-directories:
Make sure all of these files and directories are present, otherwise the content will not be viewed correctly.
2) In order to work all files must be installed behind a webserver of any kind (Apache, TomCat, etc.).
Upload this directory in any position under the root of your website, for instance:
You can view your content in two ways:
a) Full View mode: the content can be viewed accessing the following url:
If you inspect the code you will see that an iframe is included. If in PubCoder you selected "auto" the iframe will adapt to the window browser's sizes, otherwise it will respect the sizes specified in your workspace. You may change those sizes according to your wishes.
b) Embedded mode: the content can be embedded in an iframe of any of your html pages by including the following code:
<iframe src="http(s)://yourwebsite.com/webapp/content.html" width="%width%" height="%height%" frameBorder="0" scrolling="no" allowfullscreen></iframe>
Where "yourwebsite" is the name of the website url, %width% and %height% are respectively the iframe width and height in pixels
Here are some info for the rest of us.
You can add page navigation by placing two graphic images representing the arrows and add a browsing action on Touch such as "Go to next page" or "Go to previous page" to each one.
The 2 arrows will be visible on each page.
Placing the arrows on the "Overlay layer " will make them visible on each single page.