JSFiddle - React, Tailwind, and code Playground

by dmachi

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dojox/layout/resources/FloatingPane.css">
    <body class="claro"></body>

CSS

html, body {
 width: 100%;
 height: 100%;
 overflow: none; 
}

JavaScript

dojo.require("dijit.form.Button");
dojo.require("dojox.layout.FloatingPane");

dojo.addOnLoad(function(){
    var flt = new dojox.layout.FloatingPane({maxable: false, closable:true, title: "foo"}).placeAt(dojo.body());
    flt.resize({w: 500, h:380});
     var msg = dojo.create("div",{id:"Emsg",innerHTML:"<div style='width:285px; height:120px; border: thin solid #CFCFCF; margin: 10px 10px 10px 10px;'><table width='285px' height='120px'><tr><td>Email Sent. Thank You.</td></tr></table></div>"});
    
    dojo.place(msg, flt.containerNode, "last");
    
    var ok =  new dijit.form.Button({id:"ok",label:"ok"});

    ok.placeAt(flt.containerNode, "last");
    var h = dojo.connect(ok, "onClick", function(){
       console.log("close");
       flt.destroy();
       dojo.disconnect(h);
    });
});