JSFiddle - React, Tailwind, and code Playground

by tvance929

HTML

<link rel="stylesheet" href="http://www.toddvance.com/utils/jqUI.custom.css">
<input type="button" id="showDialog" value="Click to Show">

<div id="addStepPopUP" title="STEP:" style="font-size: x-small; font-family: Verdana;">
     <select id="comboRouteStepSelectType" style="width: 150px">
                                        <option value="groupType">Group</option>
                                        <option value="variableType">Route Variables</option>
                                    </select>
                   
                <br />
                <img src="../../Images/save_popup.png" id="btnVisualAddStep" />
                 <img src="../../Images/save_popup.png" id="btnVisualEditStep" />
                <img src="../../Images/cancel_popup.png" id="btnCancelStep" />
            
            </div>

JavaScript

$('#addStepPopUP').dialog({
    autoOpen: false,
    width: 400,
    top: 100,
    position: ['center', 'center'],
    resizable: false,
    draggable: false,
    modal: true,
    dialogClass: 'dialog_style1'
});
$("#showDialog").click(function() {
    $("#addStepPopUP").dialog("open");
});