F2 Hello World (default)

HTML

<html>
    
    <head>
        <link rel="stylesheet" type="text/css" href="http://docs.openf2.org/css/bootstrap.min.2.1.1.css">
        <script src="http://code.jquery.com/jquery-latest.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/F2/1.3.3/f2.min.js"></script>
    </head>
    
    <body>
        <div id="destination">Content, or F2 app, goes here</div>
    </body>

</html>

CSS

body { padding: 20px; }

JavaScript

/**
 * F2 app integration using Dojo. 
 * More at http://docs.openf2.org/container-development.html
 */

//define app config
var _appConfigs = [{
    appId: "com_openf2_examples_csharp_helloworld",
    manifestUrl: "https://developer.openf2.org/Examples/apps",
    name: "Hello World"
}];

$(function () {
    var $destination = $("#destination");
    //init F2 container
    F2.init({
        //define ContainerConfig properties
        appRender: function (appConfig, html) {
            $destination.html(html);
        },
        beforeAppRender: function (appConfig, html) {
            
        },
        afterAppRender: function (appConfig) {
            return $destination;
        }
    });
    
    //load apps
    F2.registerApps(_appConfigs);
});