JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.2.804/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.2.804/styles/kendo.blueopal.min.css">
<script src="http://cdn.kendostatic.com/2011.2.804/js/kendo.all.min.js"></script>
<div id="mi-singledetails-mobile">
            <div id="mi-singletemplate-mobile">
            </div>
            <div id="dt_launchContainer-mobile">
                <telerik:RadButton ID="launchButtonMobile" runat="server" Text="Launch Player" Height="65px" CssClass="Green" AutoPostBack="false" UseSubmitBehavior="false" OnClientClicking="onPlayerOpenClicking" ClientIDMode="Static" EnableViewState="false">
                    <Icon SecondaryIconUrl="~/App_Themes/Medportal/images/launchplayer.png" />
                </telerik:RadButton>
                <button class="k-button">Kendo button</button>
            </div>
        </div>

<span id="undo" style="display:none" class="t-group">Click here to open the window.</span>

CSS

body {
    font: 12px/1.5 Tahoma,sans-serif;
}

#undo {
    text-align: center;
    position: absolute;
    white-space: nowrap;
    border-width: 1px;
    border-style: solid;
    padding: 2em;
    cursor: pointer;
}

JavaScript

$(document).ready(function() {
    var window = $("#mi-singledetails-mobile"),
        undo = $("#undo")
                .bind("click", function() {
                    window.data("kendoWindow").open();
                    undo.hide();
                });

    var onClose = function() {
        undo.show();
    }

    if (!window.data("kendoWindow")) {
        window.kendoWindow({
            width: "500px",
            title: "Kendo Window",
            close: onClose
        });
    }
});