Container Development: App Render

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/F2/1.3.3/f2.min.js"></script>
<div id="my_sidebar"></div>

CSS

/** Boostrap CSS is an external reference */
body {
    margin: 20px;
}

.com_openf2_examples_javascript_helloworld p {
    font-weight: bold;
    font-size: 30px;
}

JavaScript

/*
 * F2 Docs 
 * http://docs.openf2.org
 *
 * Container Development: App Render
 *
 */
var _appConfig = {
    appId: 'com_openf2_examples_javascript_helloworld',
    manifestUrl: 'http://docs.openf2.org/demos/apps/JavaScript/HelloWorld/manifest.js'
};

$(function(){
    var _token = F2.AppHandlers.getToken();
    F2.init();
    F2.AppHandlers.on(
        _token, 
        F2.Constants.AppHandlers.APP_RENDER, 
        
    );
    F2.registerApps(_appConfig);
});