JSFiddle - React, Tailwind, and code Playground

by thomi_ch

HTML

<link rel="stylesheet" href="http://webs.win-soft.ch/jquery-ui-1.10.3.custom/css/rudy/jquery-ui-1.10.3.custom.css">
<script src="http://webs.win-soft.ch/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.js"></script>
<link rel="stylesheet" href="http://webs.win-soft.ch/jquery-ui-1.10.3.custom/css/rudy/jquery-ui-1.10.3.custom.overwrite.css">
<div id="dialog"></div>
<p><button id="enable">enable</button></p>

JavaScript

$(document).ready(function() {
  $("#enable").click(function (){
    $("#dialog").dialog({
      dialogClass: 'rudy'
    });
      $("#dialog").html('test with custom css scope: rudy<br>styles not correct: title bar, close icon, borders, corners, ...');
  });
});