Requirements & Installation

Requirements

Revolvapp requires a modern browser with full Javascript and HTML5 support. Revolvapp has been tested in and fully supports following browsers:

  • Latest Chrome
  • Latest Firefox
  • Latest Safari
  • Microsoft Edge

Installation

Revolvapp's installation has several steps.

  • Place revolvapp.css or revolvapp.min.css with styles between the <head></head> tag.
  • Create the HTML element in the body. This element will be replaced by the visual representation of Revolvapp.
  • Place revolvapp.js or revolvapp.min.js before the body close tag.
  • Init Revolvapp.

Here is the complete example of installing Revolvapp on the page.

<!DOCTYPE html>
<html>
<head>
    <title>Revolvapp</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <!-- revolvapp css -->
    <link rel="stylesheet" href="/revolvapp-dist/revolvapp.min.css" />
</head>
<body>

    <!-- element -->
    <div id="myemail"></div>

    <!-- revolvapp js -->
    <script src="/revolvapp-dist/revolvapp.min.js"></script>

    <!-- inititalization -->
    <script>
        $RE('#myemail', {
            path: '/revolvapp-dist/',
            template: '/my-folder/template.html'
        });
    </script>
</body>
</html>

As you can see the intialization requires two mandatory settings.

  • path - specifies the url path to the Revolvapp directory for connecting iframe styles and other editing tools.
  • template - the url path to your email template.